Как мы можем включить все отключенные легенды highcharts-angular в один клик?

Question

Может ли кто-нибудь помочь мне в этом, на самом деле в моей круговой диаграмме приложения с высокими углами, имеющей 10 легенд продукта, и пользователь хочет анализировать данные по продукту, используя легенды. Итак, после отключения 6-7 легенд из 10, пользователь снова хочет получить полную круговую диаграмму с 10 легендами продукта. Итак, в этом случае, как я могу включить все легенды одним щелчком мыши. Пожалуйста, смотрите ниже

см. Мой код здесь

Шаг 1: по умолчанию все легенды включены

Шаг 2: пользователь отключил 6-7 легенд в целях анализа, подобных этой

Шаг 3: Теперь пользователь ожидает, что все легенды включены одним щелчком, а не включены по одному.

Я пропустил множество тем, но в большинстве случаев они касались другой проблемы, но не этой конкретной проблемы. Пожалуйста, поделитесь своими предложениями здесь. Заранее спасибо.

Answer 1

Используя @ViewChild, вы можете получить экземпляр компонента Highchart (добавить к нему переменную шаблона для запроса), а затем, глядя на то, что находится внутри этого объекта, вы можете найти путь к объекту реквизита: chart.legend.allItems, который содержит массив легенд и каждая из них имеет setVisible метод.

Вот стекаблитц:

https://stackblitz.com/edit/angular-y2wvhc

<highcharts-chart #chart ...

...

  @ViewChild('chart') chart;
  reenable() {
    this.chart.chart.legend.allItems.forEach(item => item.setVisible(true));
  }