0

我正在使用带有 react 的 Highcharts.js(使用 chrome 进行测试),它非常适用于单色图。但是,我需要根据 point.y 值和条件为区域图或多条线图着色,这会导致性能问题。

我目前在条件为真时将图表绘制为红色,并在条件为假时使用默认颜色。我通过创建在条件停止或开始为真时结束的区域来做到这一点。

问题是当有数百个区域和数千个数据点时,页面性能会受到很大影响,并且只要呈现图表就会一直不稳定。

当我分析 Chrome 中的问题时,我发现复合层占用了大量时间。

我尝试过使用 turboThreshold,但效果还不够。区域未在 boost 模块中实现。有什么方法可以提高数千个点和数百个区域的性能?

4

1 回答 1

1

我认为在您的情况下,一个好的解决方案是使用“多色系列”插件而不是区域:http ://blacklabel.github.io/multicolor_series/

于 2018-08-13T13:56:25.167 回答