小编use*_*089的帖子

在反应中动态更新 Highcharts 图表

我在 react-redux 中使用 highcharts-react-official 创建一个钻取图表。

然而,当我点击一个栏进行钻取时,我也会更新一些导致组件重新渲染的道具 - 这似乎阻止了钻取事件。

在 react-highcharts 中Change series data 中动态收集,没有重新渲染图表,我应该使用 shouldComponentUpdate 和 getChart() 来防止重新渲染并动态更新数据。

我的问题是 getChart() 似乎不适用于官方的 highcharts react 包。我收到 Uncaught TypeError: this.refs.chart.getChart is not a function

有没有我打算用来获取和动态更新图表的替代方法?或者一些我可以看的例子?

在这里只包括 render 和 shouldComponentUpdate 部分:

shouldComponentUpdate(nextProps, nextState) {
    let chart = this.refs.chart.getChart();
    //dynamically update data using nextProps
    return false;
}

render () {

    const options = {
        chart: {
            type: 'column',
            height: 300,
            events: {
                drillup: (e) => {this.drilledUp(e)}
            }
        },
        plotOptions: …
Run Code Online (Sandbox Code Playgroud)

javascript highcharts reactjs react-redux react-highcharts

7
推荐指数
1
解决办法
9721
查看次数