ChartJS,合并多个图表的图例

时间:2016-11-11 11:49:55

标签: chart.js

我有多个图表显示不同的数据。但它们都是相同的对象类型e.ge [acc1,acc2,acc3]。因此,我想知道是否可以在某个页面上设置一个父图例并单击它将显示/隐藏所有图表中的所有相应数据集?

1 个答案:

答案 0 :(得分:2)

我认为你可以隐藏图表的所有图例,除了一个,并实现自定义onClick函数来处理该图例的点击并隐藏每个图表的所有相应数据集。

当前的onClick实现如下所示:

where

此功能需要在 onClick: function(e, legendItem) { var index = legendItem.datasetIndex; var ci = this.chart; var meta = ci.getDatasetMeta(index); // See controller.isDatasetVisible comment meta.hidden = meta.hidden === null ? !ci.data.datasets[index].hidden : null; // We hid a dataset ... rerender the chart ci.update(); } 中定义。要完成这项工作,您需要重写上述函数来实现循环,选择所需的所有图表并选择元数据,隐藏它并更新图表。