javascript - 如何在不从图例中删除饼图的情况下在 HighCharts 中隐藏饼图的切片？

Question

我到处寻找这个问题的答案，但我似乎无法弄清楚我在这里做错了什么。

我只是希望能够使用 HighCharts 开始绘制饼图，并隐藏某些切片(就像它们在图例中被“点击”掉一样)。

我已经在 HighStock 中做到了，这很简单:

var chart = $("#overallChart").highcharts(); //$("#overallChart") is the div where my HighStock chart is rendered to.
var series = chart.series;

//*****SET DEFAULT STARTING LINES*****//
for (var s = 0; s < series.length; s++) {
    if (s != 1 && s != 2 && s != 3 && s != 4) {
        series[s].hide();
    }
}
//*****set default starting lines*****//

而且效果很好。

问题是，当我尝试在 highcharts“饼图”图表中执行此操作时，它不起作用(没有错误或任何东西，根本不起作用)。

我假设它的工作方式与上面相同，因为文档显示了相同的 hide() 方法(以及解释)。 Highcharts API Reference

这是我的饼图代码:

var pieChart = $("#overallPie").highcharts(); //$("#overallPie") is the div where my Highcharts chart is rendered to.
var pieSeries = pieChart.series;

//*****SET DEFAULT STARTING SLICES*****//
for (var p = 0; p < pieSeries.length; p++) {
    if (p != 0 && p != 1) {
        pieSeries[p].hide();
    }
}
//*****set default starting slices*****//

我想您必须在饼图中以不同的方式执行此操作？我在某处看到您可以重新绘制饼图，但这真的有必要吗？

Answer 1

如果我理解正确你的问题，你可以在你的数据系列上使用 visible: false。

参见 FIDDLE这里