Question

无数据初始化我的系列。单击图例项时，我想根据需要加载数据。单击图例项确实会按预期触发“ legendItemClick”，但我确实需要调用组件带有“ onClick”。

图例更改时

import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official'   
...
import Config from './configBHMTrend.js';
...
loadIndividualTag(tagName) {...}
...
render(){
....
return(
    <HighchartsReact highcharts={Highcharts} options={config} />
)

Answer 1

您可以将系列的默认visible选项设置为false，并在legendItemClick事件中使用setData方法：

Highcharts.chart('container', {
    series: [{
        visible: false,
        events: {
            legendItemClick: function() {
                this.setData([1, 2, 3, 4, 5]);
            }
        }
    }]
});

实时演示：http://jsfiddle.net/BlackLabel/6m4e8x0y/2100/

API参考：https://api.highcharts.com/class-reference/Highcharts.Series#setData

在图例中单击以加载单个系列数据

1 个答案: