使用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