如何验证升压模块是否在高图中启动

问题描述

我需要验证boost模块的配置是否正确。有什么方法可以验证这一点。我尝试添加更多的数据,但是在没有增强的情况下,我看不到任何差异。

在所有基于SVG的图表解决方案(包括HighCharts)中,性能 在向图表添加几百个点后减少。

在基于SVG的图表中添加大量对象(点)的过程 需要时间和用户与这些对象(例如值, 标题,工具提示等)。因为有一个限制 您可以添加到DOM的SVG元素。

HTML5 canvas技术没有这种限制。但是纯 HTML5 canvas解决方案缺乏诸如DOM访问之类的SVG优势,锋利 在不同的屏幕解决方案之间进行渲染等。

因此,HighCharts工程师通过使用SVG和 HTML5 canvas技术。他们正在HTML5上绘制图形 画布,然后将图表的内容复制到SVG。

这是HighChart的boost.js的工作方式。

有什么方法可以了解DOM的区别吗?

谢谢

解决方法

Boost模块将许多属性添加到系列对象,例如renderTarget。但是,如果要比较DOM元素,可以看到image中有一个highcharts-series-group而不是另一个组和路径或其他SVG元素:

enter image description here


enter image description here


实时演示: http://jsfiddle.net/BlackLabel/8Lab230q/