如何优化 Highcharts.js 区域?
How can I optimize Highcharts.js zones?
我将 Highcharts.js 与 React 一起使用(使用 chrome 进行测试),它在单色图表上效果很好。
但是,我需要根据 point.y 值和条件为面积图或多条线图着色,这会导致性能问题。
我目前在条件为真时将图表涂成红色,在条件为假时使用默认颜色。我通过创建在条件停止或开始为真时结束的区域来做到这一点。
问题是当有数百个区域和数千个数据点时,页面性能会受到很大影响,并且只要呈现图表就会一直不稳定。
当我分析 Chrome 中的问题时,我发现复合层占用了大量时间。
我试过使用 turboThreshold,但效果不够。
区域未在 boost 模块中实现。
千点百区有什么办法可以提高性能吗?
我认为在你的情况下,一个好的解决方案是使用 'Multicolor series' 插件而不是区域:http://blacklabel.github.io/multicolor_series/
我将 Highcharts.js 与 React 一起使用(使用 chrome 进行测试),它在单色图表上效果很好。 但是,我需要根据 point.y 值和条件为面积图或多条线图着色,这会导致性能问题。
我目前在条件为真时将图表涂成红色,在条件为假时使用默认颜色。我通过创建在条件停止或开始为真时结束的区域来做到这一点。
问题是当有数百个区域和数千个数据点时,页面性能会受到很大影响,并且只要呈现图表就会一直不稳定。
当我分析 Chrome 中的问题时,我发现复合层占用了大量时间。
我试过使用 turboThreshold,但效果不够。 区域未在 boost 模块中实现。 千点百区有什么办法可以提高性能吗?
我认为在你的情况下,一个好的解决方案是使用 'Multicolor series' 插件而不是区域:http://blacklabel.github.io/multicolor_series/