代表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元素。浏览器太复杂了。你需要一些服务器端解决方案，在图像中生成图像。