highcharts - 在 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 元素。这对于浏览器来说太复杂了。您需要一些在图像内部生成图的服务器端解决方案。