我有多个图表显示不同的数据。但它们都是相同的对象类型e.ge [acc1,acc2,acc3]。因此,我想知道是否可以在某个页面上设置一个父图例并单击它将显示/隐藏所有图表中的所有相应数据集?
答案 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();
}
中定义。要完成这项工作,您需要重写上述函数来实现循环,选择所需的所有图表并选择元数据,隐藏它并更新图表。