ChartJS饼图默认如何仅显示2个图例数据

Question

我想在饼图中显示10个数据，但仅显示其中2个。

我的版本是v2.8.0

chart.getDatasetMeta(i).hidden=true;

这在条形图中有效，但在饼图中无效。

var donutOptions = {...}


var donutChartCanvas = $(pieChart).get(0).getContext(2d);
var donutData = {
                 labels: [],
                 texts: [],
                 datasets: [
                    {
                        data: [ ],
                        backgroundColor : []
                    }
                 ]
                };

var donutChart = new Chart(donutChartCanvas, {
                plugins: [ChartDataLabels],
                type: doughnut,
                data: donutData,
                options: donutOptions
            });

getDatasetMeta未定义。

现在是：

我想要这个：

Answer 1

我找到一种工作方法，尝试一下。

添加

legend : {

                }

进入选项

var donutOptions     = {
                maintainAspectRatio : false,
                responsive : true,
                animation: {
                    animateScale: true,
                    animateRotate: true
                },
                tooltips: {
                    intersect: false,
                    callbacks: {
                        label: function (tooltipItem, data) {
                            ...
                        }
                    },
                },
                plugins: {
                    datalabels: {
                        ...
                        },
                    },
                },
                legend : {

                }

            };

并使用

donutChart.chart.getDatasetMeta(0).data[index].hidden = true;

donutChart.update();