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

Question

我正在使用chart.js，然后我跟着this创建了一个自定义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

编辑：fiddle

Answer 1

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

相反，您需要隐藏单项数据，如下所示：

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

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