在Highcharts系列中表示稀疏数据

我正在尝试生成一个堆叠柱形图。我想要的类似于这个例子。然而，我有大约30个类别和1000个系列。这个系列相当稀少。只有大约200个值。但是因为highcharts需要每个系列都有x轴类别的值，所以我不得不提交1000个系列，每个系列有30个值（大部分是零）。图表渲染需要一分钟。如何提高这种性能？

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

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

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

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

---

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

Ah！我不知道你可以通过索引简单地引用x轴类别。让我测试一下，看看这是否有效。我的朋友刚刚解决了我的问题，太好了。highcharts能处理的数据量之多令人惊讶