highcharts绘制图表速率

Question

我使用了js接收数据，并用highcharts绘制折线图，每组1万多个点更新一次，有48组，打印输出是显示图表更新了48次，但是图表上肉眼看起来有卡顿，可能就更新了几次。请问各位怎样设置数据能解决，感谢！

Answer 1

在处理大量的数据并绘制图表时，确实可能会遇到性能问题。以下是一些可能的解决方案：

• 1.数据压缩：如果可能的话，将数据压缩到最小。例如，如果你知道数据的趋势，可以只发送偏离趋势的变化。或者，你可以通过一些数学算法（如差分或哈希）来减少数据的的大小。
• 2.数据分组：将数据分组，然后一次渲染一组。例如，你可以将每1000个数据点作为一个数据块，然后一次渲染一个块。
• 3.使用'low'数据：如果你知道数据的大部分值都在一个较低的范围内，那么可以使用'low'数据来提高性能。这样，Highcharts会只渲染那些超出'low'范围的数据。
• 4.延迟渲染：如果数据是动态的，那么可以考虑只在用户需要看到时才进行渲染。例如，你可以设置一个500毫秒的定时器，只在数据变化时进行渲染。
• 5.使用'turbo'模式：在某些情况下，'turbo'模式可能会提高性能。该模式会减少渲染的细节，虽然在某些情况下可能会影响图表的质量，但在你的情况下，可能会有所帮助。
• 6.使用SVG而不是Canvas：如果可能的话，使用SVG渲染而不是Canvas。SVG是矢量图形，可以按比例缩小或放大而不失去质量，而Canvas是基于像素的，放大后可能会失真。
• 7.优化硬件：如果以上策略都不能解决问题，那么可能需要优化你的硬件。例如，你可能需要一个更强大的CPU或更多的内存。

希望这些建议能对你有所帮助！