在Highcharts系列中表示稀疏数据

Question

我正在尝试生成堆积柱形图。我想要的是这个JSfiddle示例。但是，我有大约30个类别和1000个系列。该系列相当稀疏。只有大约200个值。但是因为highcharts需要每个系列都有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元素。对于浏览器来说太复杂了。您需要一些服务器端解决方案来生成图像内的graps。