2013-02-10 34 views
0

我想通過減少其切片的值來保持餅圖排序。例如,如果我們從一個系列開始:[['foo', 4], ['bar', 2], ['baz', 1]]並且我們收到一個更新,告訴我們片bar現在是8個單位大,我想更新系列如下:[['bar', 8], ['foo', 4], ['baz', 1]]Highcharts:保持一個餅_sorted_

在文檔中,我發現有兩種不同的方法可以解決這個問題:series.setDataPoint.update()。前者的問題在於它不會觸發任何動畫:它只是用新的一組點替換該系列的內容。對於後者,我有麻煩試圖保持圖例和圖表同步:http://jsfiddle.net/gnCSY/17/

一旦圖表的所有點已更新,是否有更新圖例的方法?

回答

0

我不確定這個動畫看起來應該是什麼樣子(如何爲一個系列生長多於另一個系列動畫)。但是,您可以簡單的重新創建圖表,請參閱:http://jsfiddle.net/gnCSY/19/

if(chart) 
     chart.destroy(); 
    options.series[0].data = new_data; 
    chart = new Highcharts.Chart(options); 
+0

當我說的動畫,我的意思是圖表_slowly_的每片加寬/變窄,並根據數據的新陣列上改變其顏色。我已經想過從頭開始銷燬和重新創建圖表,但在我看來似乎有點_overkill_;但是,如果這恰好是解決問題的更合理和適當的解決方案,我堅持這一點。 – landimatte 2013-02-12 07:08:33