使用Highchart而不使用JQuery时如何在外部触发图例点击事件

Question

我使用 React，所以我不想导入 JQuery 来增加包大小，

在Highchart外点击按钮时需要同时触发多个图表的图例点击事件

有什么方法可以使用图表 object 触发图例点击事件，如下所示

let chart = Highcharts.chart('id', { ...options });

chart.legend.allItems[0].legendItem.click(); //not work

Answer 1

请检查这种方法如何使用 Highcharts-react 包装器在自定义按钮上切换系列可见性。

演示： https://stackblitz.com/edit/react-uyubam?file=index.js

  const updateSeries = () => {
    visibility = !visibility;
    setChartOptions({
      series: [{ visible: visibility }]
    });
    setChartOptions1({
      series: [{ visible: visibility }]
    });
  };

API： https://api.highcharts.com/highcharts/series.line.visible