Highcharts角获取传奇项目状态

Question

我在我的angular项目中创建了一个共享HighCharts组件。我将所有消费组件的图表传递给它，并试图访问"可见"属性在消费组件中的每个系列上。我得到的这些值似乎没有更新的状态，即使我切换图表中的图例

这里是实现，我试图访问的状态点击一个按钮在应用程序组件。

Answer 1

正如我在评论中提到的。你只是重新读取了期权的值。您需要其他东西来获取该系列的最新状态。render事件可以帮到你。下面的方法可以满足您的需求:

chartOptions = {
...new progressMonitoringGraphConfig(this.mockData).graphConfig,
chart: {
events: {
render: (ctx) => {
this.seriesVisibility = ctx.target.series.map(
({ visible }) => visible
);
},
},
},
};
seriesVisibility = this.chartOptions.series.map(({ visible }) => visible);
printStatus() {
console.log(this.seriesVisibility);
}

Stackblitz