Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何验证增压模块是否在高位图表中启动_Javascript_Svg_Canvas_Highcharts - Fatal编程技术网

Javascript 如何验证增压模块是否在高位图表中启动

Javascript 如何验证增压模块是否在高位图表中启动,javascript,svg,canvas,highcharts,Javascript,Svg,Canvas,Highcharts,我需要确认增压模块配置正确。是否有任何方法来验证这一点。我尝试添加更多的数据,但是有了boost和没有boost,我看不到任何差异 在所有基于SVG的图表解决方案中,包括HighCharts,性能 在向图表中添加数百个点后减少 将如此多的对象(点)添加到基于SVG的图表的过程 需要时间和用户与这些对象的交互(如值、, 标题、工具提示等)感觉很慢。因为有一个限制 可以添加到DOM中的SVG元素 HTML5画布技术没有这样的限制。但是一个纯粹的 HTML5画布解决方案缺乏SVG的优势,如DOM访问、

我需要确认增压模块配置正确。是否有任何方法来验证这一点。我尝试添加更多的数据,但是有了boost和没有boost,我看不到任何差异

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

将如此多的对象(点)添加到基于SVG的图表的过程 需要时间和用户与这些对象的交互(如值、, 标题、工具提示等)感觉很慢。因为有一个限制 可以添加到DOM中的SVG元素

HTML5画布技术没有这样的限制。但是一个纯粹的 HTML5画布解决方案缺乏SVG的优势,如DOM访问、sharp 不同屏幕解决方案之间的渲染等

因此,HighCharts工程师提出了一种混合解决方案,同时使用SVG和 HTML5画布技术。他们正在HTML5上绘制图表 画布,然后将图表内容复制到SVG

这就是HighChart的boost.js的工作原理

有没有办法知道DOM的区别


感谢

Boost模块为series对象添加了许多属性,例如
renderTarget
。但是,如果要比较DOM元素,可以看到在
highcharts series组中有一个
图像
,而不是另一个组和路径或其他SVG元素



现场演示: