javascript - 在 HighCharts 中多次使用 setData

Question

在我的示例中 http://jsfiddle.net/uwdz8rm8/ ，我只能让 setData 运行一次。我想在两个数据集之间切换。有什么想法吗？

我的 jQuery 已被证明可以在我的测试 div 中工作，但不能在 Highcharts 上工作

$('input:radio[name=penetrationoptions]').change(function () {
    var chart = $('#KPI_Penetration_Chart').highcharts();
    if (this.value == 'amount') {
        chart.series[0].setData(amountData);
        $('#testing').css("background", "red");
    } else if (this.value == 'count') {
        chart.series[0].setData(countData);
        $('#testing').css("background", "green");
    }
});

感谢您的帮助!

Answer 1

试试这个:

    $('#KPI_Penetration_Chart').highcharts({
        chart: {
            type: 'pie'
        },

        series: [{
            data: $.extend(true,[],amountData)
        }]
    });

我所做的只是第一次复制amountData。如果不这样做，您会发现这两个变量最终都会指向相同的数据集。

在这里查看它的工作情况:http://jsfiddle.net/uwdz8rm8/3/