2015-02-06 46 views
0

我有一個數據系列圖表(說在不同國家種植西紅柿的數量和價格),現在我想將數據系列更改爲葡萄的數量和價格。Highchart - 用鏈接更改數據系列

+--------------+ 
|    | TOMATOES [ SELECTED ] 
| CHART  | GRAPES 
|    | RICE 
+--------------+ 

當然,我可以鏈接到一個新的頁面(grapes.html)或使用iframe。最好我可以加載一個新的數據系列。

樣本小提琴:http://jsfiddle.net/MAYO/cm5roecm/1/

編輯:根據評論:http://jsfiddle.net/MAYO/cm5roecm/4/

+0

在同一張圖表中,這些不能是不同的系列嗎?當顯示一個你隱藏其他人? – 2015-02-06 14:58:35

+0

讓我考慮一下。將有17個不同的「屏幕」;每個都有4-7個堆積的條形圖;每個數據系列中有100個項目。這將至少有10,000件物品。 – Mayo 2015-02-06 15:08:04

+1

很難估計性能。無論是這個,還是你可以在從番茄切換到葡萄時做一堆'Series.remove()'和'chart.addSeries()'操作。這也會有一些需求。 – 2015-02-06 15:11:55

回答

1

如果我理解正確的話,這應該是很容易做到的。

這是一個更新舊的例子,我有這樣的基於選擇列表上的更新系列數據,使用series.setData()方法:

它依賴於預先定義的數據系列作爲數組,但也可以很容易地通過ajax加載新數據。

還有series.update()方法,和series.remove()chart.addSeries()方法都可以用來實現這一點。