javascript - 在 highcharts 中重置堆积图中的数据

Question

我正在尝试通过单击 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

按钮上的编辑适用于简单的图形，但我无法让它适用于堆叠的列。

Answer 1

在按钮单击中使用以下代码：

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]);

看看这个小提琴

Answer 2

为此，您将不得不重新绘制 HighChart 或再次初始化对象。

 $('#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/