Chart.js:点击图例隐藏系列

我正在开发一个使用chart.js(www.chartjs.org)的网站.

我必须制作一个显示多个数据系列的折线图,用户可以通过单击相应的图例符号来隐藏或显示(类似于此http://js.syncfusion.com/demos/web/#!/azure/图表/线图).

有没有办法用chartjs做到这一点？

您可以尝试
为隐藏数据集创建商店

window.chartName = new Chart(...

window.chartName.store = new Array();

然后使用此功能更新图表,必须通过单击图例项来处理

function updateDataset(legendLi, chart, label) {
      var store = chart.store;
      var exists = false;
      for (var i = 0; i 

不要忘记图表选项中更新的图例模板

legendTemplate : "
-legend\"><% for (var i=0; i
')\">\"><%if(datasets[i].label){%><%=datasets[i].label%><%}%>
<%}%>
"


不久,我为li组件添加了这个onclick处理程序

')\"><


例如小提琴

        
这个答案应该被接受和赞成.