如何在一次点击中启用highcharts-angular的所有禁用图例？
如何在一次点击中启用highcharts-angular的所有禁用图例？
提问于 2019-01-14 23:06:33
有没有人可以在这方面帮助我，实际上在我的highcharts-angular应用程序饼图中有10个产品图例和用户希望使用图例分析产品数据。所以，在这里禁用10个中的6-7个图例之后，用户再次想要带有10个产品图例的完整饼图。所以，在这种情况下，我如何通过单击启用所有图例。请看下面的内容
Step1:默认情况下启用所有图例
Step2:出于某种分析目的，用户禁用了6-7个图例
Step3:现在用户期望通过单击启用所有图例，而不是逐个启用。
我已经去了很多帖子，但大多数都与不同的问题有关，但不是为了这个特定的问题。请在这里分享你的建议。提前谢谢。
回答 1
Stack Overflow用户
发布于 2019-01-14 23:24:39
使用@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));
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54184028
复制相关文章
相似问题
腾讯云开发者
