jquery - 使用外部按钮切换饼图数据

Question

我正在尝试切换 highchart 饼图上的数据，但我只能找到如何显示/隐藏整个系列。基本上我想使用我自己的按钮复制图例行为。

// the button action
var chart = $('#container').highcharts(),
    $button = $('#button');
$button.click(function() {
    var series = chart.series[0];
    if (series.visible) {
        series.hide();
        $button.html('Show series');
    } else {
        series.show();
        $button.html('Hide series');
    }
});

http://jsfiddle.net/waspinator/JLrc2/2/

Answer 1

首先，您想要隐藏点/切片，而不是系列。然后尝试使用.setVisible(true/false)，参见:http://jsfiddle.net/JLrc2/3/

// the button action
var chart = $('#container').highcharts(),
    $button = $('#button');
$button.click(function() {
    var ff = chart.series[0].data[0];
    if (ff.visible) {
        ff.setVisible(false);
        $button.html('Show firefox');
    } else {
        ff.setVisible(true);
        $button.html('Hide firefox');
    }
});