HTML legend handles doughnut/pie charts (#9044)

* HTML legend handles doughnut/pie charts * Fix lint error
chartjs · May 8, 2021 · a87175f · a87175f
1 parent 9a78770
commit a87175f
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/docs/samples/legend/html.md b/docs/samples/legend/html.md
@@ -45,7 +45,13 @@ const htmlLegendPlugin = {
       li.style.marginLeft = '10px';
 
       li.onclick = () => {
-        chart.setDatasetVisibility(item.datasetIndex, !chart.isDatasetVisible(item.datasetIndex));
+        const {type} = chart.config;
+        if (type === 'pie' || type === 'doughnut') {
+          // Pie and doughnut charts only have a single dataset and visibility is per item
+          chart.toggleDataVisibility(item.index);
+        } else {
+          chart.setDatasetVisibility(item.datasetIndex, !chart.isDatasetVisible(item.datasetIndex));
+        }
         chart.update();
       };