在highcharts中重置堆叠图表中的数据

时间:2012-07-16 04:16:26

标签: javascript highcharts

我正在尝试重置按钮中的堆叠图表中的数据单击highcharts这是我到目前为止的工作

http://jsfiddle.net/N9WJ9/1/

无效

你能帮忙解决这个问题吗?感谢。

为了澄清我接受了以下两个例子的帮助

http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/members/series-setdata/

http://www.highcharts.com/demo/column-stacked

“编辑按钮”适用于简单图形,但我无法使其适用于堆叠列。

2 个答案:

答案 0 :(得分:6)

点击按钮时使用以下代码:

chart.series[0].setData([10, 10, 10, 10, 10]);
   chart.series[1].setData([5, 5, 5, 5, 5]);
   chart.series[2].setData([4, 4, 4, 4, 4]);

查看此FIDDLE

答案 1 :(得分:2)

为此,您将不得不重新绘制HighChart或再次初始化Object。

 $('#button').click(function() {
    $("#container").empty(); 

    options.series = [];
    options.series.push({
        name: 'Test',
        data: [10, 10, 10, 10, 10]
    });
    options.series.push({
        name: 'Test2',
        data: [5, 5, 5, 5, 5]
    });
    options.series.push({
        name: 'Test3',
        data: [4, 4, 4, 4, 4]
    });
    chart = new Highcharts.Chart(options);
});

http://jsfiddle.net/dane/YUa3R/34/