我试图通过减少其切片的值来保持饼图排序。
例如,如果我们从一个系列开始:[['foo', 4], ['bar', 2], ['baz', 1]]
并且我们收到一条更新,告诉我们切片bar
现在是8个单位大,我想按如下方式更新系列:{ {1}}。
在文档中,我发现了两种不同的方法:[['bar', 8], ['foo', 4], ['baz', 1]]
和series.setData
。前者的问题在于它不会触发任何动画:它只是用新的点集替换系列的内容。对于后者,我在试图保持图例和图表同步时遇到了麻烦:http://jsfiddle.net/gnCSY/17/
一旦更新了图表的所有点,有没有办法更新图例?
答案 0 :(得分:0)
我不确定这些动画应该是什么样子的(如何使一个系列的动画比另一个增长更多)。但是,您可以简单地重新创建图表,请参阅:http://jsfiddle.net/gnCSY/19/
if(chart)
chart.destroy();
options.series[0].data = new_data;
chart = new Highcharts.Chart(options);