代表Highcharts系列中的稀疏數據

Question

我在嘗試生成堆積式柱狀圖。我想要的是類似於這個JSfiddle的例子。但是，我有大約30個類別和1000個系列。該系列相當稀疏。只有大約200個值。但是因爲高圖需要每個系列都具有x軸類別的值，所以我不得不提交1000個系列，每個系列都有30個值（大部分爲零）。該圖表需要一分鐘才能呈現。我該如何改善這種表現？

Answer 1

還有一種方法可以將數據傳遞給highcharts，其中您爲每個點指定x和y。這意味着您可以跳過0值。在你引用的小提琴，我修改了一條線是：

data: [{x:1,y:5}, {x:3,y:7}], 

http://jsfiddle.net/rh9aK/

我想到的是1000系列和30個類別可能仍然是太多了，但是這是值得一試。

另一件事，你確定你沒有任何只包含零的系列？如果是這樣，你可以在渲染之前刪除它們。

Answer 2

在你的情況下，JS圖表會產生太多的DOM元素。瀏覽器太複雜了。你需要一些服務器端解決方案，在圖像中生成圖像。