在 Highcharts 系列中表示稀疏数据答案

【问题标题】：Representing sparse data in a Highcharts series在 Highcharts 系列中表示稀疏数据
【发布时间】：2013-03-22 17:51:00
【问题描述】：

我正在尝试生成堆积柱形图。我想要的类似于这个JSfiddle 示例。但是，我有大约 30 个类别和 1000 个系列。该系列相当稀疏。只有大约 200 个值。但是因为 highcharts 需要每个系列在 x 轴类别中都有值，所以我不得不提交 1000 个系列，每个系列有 30 个值（大部分是零）。图表需要一分钟多的时间来呈现。如何提高此性能？

【问题讨论】：

标签： highcharts gwt-highcharts

【解决方案1】：

还有另一种方法可以将数据传递到 highcharts，您可以在其中为每个点指定 x 和 y。这意味着您可以跳过 0 值。在您引用的小提琴中，我将其中一行修改为：

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

http://jsfiddle.net/rh9aK/

我预计1000个系列和30个类别可能仍然太多，但这值得一试。

另一件事，你确定你没有任何只包含零的系列吗？如果是这样，您最好在渲染之前将它们删除。

【讨论】：

啊！我没有意识到您可以通过索引简单地引用 x 轴类别。让我测试一下，看看是否有效。我刚刚解决了我的问题。
太棒了。令人惊讶的是 highcharts 可以处理多少数据

【解决方案2】：

在你的情况下，JS 图表会产生太多的 DOM 元素。这对于浏览器来说太复杂了。您需要一些服务器端解决方案来生成图像内部的图。

【讨论】：