如何在 highcharts 中验证 boost 模块是否启动答案

【问题标题】：How to verify that the boost module is kicking in or not in highcharts如何在 highcharts 中验证 boost 模块是否启动
【发布时间】：2020-12-01 00:08:28
【问题描述】：

我需要验证升压模块配置是否正确。有什么方法可以验证这一点。我尝试添加更多数据，但使用 boost 和没有 boost 我没有看到任何差异。

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

将这么多对象（点）添加到基于 SVG 的图表的过程花费时间和用户与这些对象的交互（如值，标题，工具提示等）感觉很慢。因为有限制可以添加到 DOM 的 SVG 元素。

HTML5 画布技术没有这样的限制。但是一个纯 HTML5 画布解决方案缺乏 SVG 强度，如 DOM 访问，锐利不同屏幕解决方案之间的渲染等。

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

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

有什么方法可以知道查看 DOM 的区别吗？

谢谢

【问题讨论】：

标签： javascript svg canvas highcharts

【解决方案1】：

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

现场演示：http://jsfiddle.net/BlackLabel/8Lab230q/

【讨论】：