Highcharts性能增强方法？ [英] Highcharts Performance Enhancement Method?

问题描述

由于大量数据（过去10年每天一个数据），我的高图表加载非常缓慢。我已经关闭了动画。而且它仍然很慢。有没有加快速度或提高性能的方法，以缩短加载时间并能够无延迟地放大图像？谢谢。
高图的网页只有77kb。

解决方案

您可以使用 dataGrouping 并将 enableMouseTracking 设置为 false 。

$ b

>启用或禁用特定系列的鼠标追踪。这包括图形和点上的点工具提示和点击事件。使用共享工具提示时（默认为股票图表），不需要鼠标跟踪。对于大型数据集，它可以提高性能。

更新

在它的文档中找到以下内容：

如何从Highcharts中获得最佳性能？

在处理大量数据点的系列时，需要考虑几件事情。

对于线图，建议您禁用点标记，因为这些会添加性能开销。请参见 http://highcharts.com/demo/line-time-series 。

禁用阴影可提高性能，因为为每个包含阴影的形状创建了三个阴影元素。

对于大型列系列，建议您禁用初始动画plotOptions.column.animation，至少对于基于VML的浏览器来说。区分快速SVG浏览器和较慢VML浏览器的最好方法是使用Highcharts.svg布尔属性。

参考

• enableMouseTracking


• dataGrouping


• 常见问题

My highchart diagram is loading extremely slow due to large amount of data (one data per day for the past 10 years). I already turned off the animation. And it is still slow. Is there a way to speed up or performance improvement to allow faster loading time and able to zoomed in without any lags? Thanks. The webpage with the highchart is only 77kb though.

解决方案

You can use dataGrouping and set enableMouseTracking to false.

enableMouseTracking: Boolean

Enable or disable the mouse tracking for a specific series. This includes point tooltips and click events on graphs and points. When using shared tooltips (default in stock charts), mouse tracking is not required. For large datasets it improves performance. Defaults to true.

Update

Found the following on it's docs.

How can I get the best performance out of Highcharts?

When working with series with a high number of data points, there are a few things to consider.

For line plots, it is recommended that you disable point markers, as these will add a performace overhead. See http://highcharts.com/demo/line-time-series.

Disabling shadows increases performance, as three shadow elements are created for each shape that includes a shadow.

For large column series, it is recommended that you disable the initial animation, plotOptions.column.animation, at least for VML based browsers. The best way to distinguish between fast SVG browsers and slower VML browsers is to use the Highcharts.svg boolean property.

Reference

• enableMouseTracking
• dataGrouping
• FAQ

这篇关于Highcharts性能增强方法？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！