如何将Material UI滑块与图表js集成

Question

如何将Material UI滑块与统计图js集成，当我滑动Material UI滑块时，我想在用工具提示突出显示的统计图js中移动x轴值。 我正在使用折线图

Answer 1

当Slider更改时，它将调用提供给onChange的函数：

handleChange = (event, value) => {
  // do something
};

render() {
  return (
    <Slider onChange={this.handleChange} />
  )
}

在handleChange事件中，可以使用新值更新图表数据 。

您需要注意图表在React DOM树之外 。

相反，如果您对chart.js使用包装组件（例如react-chart-2） ，则可以像其他任何React组件一样，使用props或状态管理库（例如Redux）将数据传递到图表。