angular - Highcharts angular 获取图例项目状态

Question

我在我的 Angular 项目中创建了一个共享的 HighCharts 组件。我正在从所有消费组件向它传递图表选项，并且我正在尝试访问消费组件中每个系列的“可见”属性。即使我切换图表中的图例，我得到的这些值似乎也没有更新状态

这是我试图通过单击应用程序组件中的按钮来访问状态的实现。

标签： angularhighcharts

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);
  }

堆栈闪电战