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

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