问题描述
我需要验证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元素: