Chart.js围绕圆环图的HTML自定义图例问题

我正在使用chart.js,我按照这个创建了一个自定义HTML图例.问题是,隐藏/显示功能无效.第一个图例点击会隐藏整个图表,而其他图例会产生错误:

Uncaught TypeError: Cannot read property '_meta' of undefined
    at t.getDatasetMeta (Chart.min.self-b26766dbef822c075056eb7012dc36ae75970dc990497732f927d46ef6070858.js:11)
    at HTMLLIElement.legendClickCallback (plot.self-416475a747a420b91c7fab454c07846f1043f55cc28f6d810fafeab61c56cf01.js:317)

所以它追溯到t.getDatasetMeta.我必须说它的线条/条形图很好用,所以它只有我的甜甜圈图表才能打破.如果您需要更多信息,请告诉我.哦,谢谢:P

编辑:小提琴

问题是您只有一个数据集,并且您的代码使用index单击的图例项隐藏datasets[index].

相反,您需要隐藏单项数据,如下所示:

var meta = chart.getDatasetMeta(0);
var item = meta.data[index];

检查更新的小提琴:https://jsfiddle.net/beaver71/aa2n39s2/