在HighCharts中多次使用setData

时间:2014-12-02 22:40:09

标签: javascript jquery highcharts

在我的示例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");
    }
});

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

试试这个:

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

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

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

在此处查看:http://jsfiddle.net/uwdz8rm8/3/