Javascript 如何提高你在排行榜中的表现

Javascript 如何提高你在排行榜中的表现,javascript,highcharts,Javascript,Highcharts,嘿,我正在使用highcharts库来介绍气体的图形 我想提高它们的性能,这样每个图可以处理每个图超过50000个点 我知道我可以将turboThreshold指定为100万,它会起作用 很好,但我注意到一个新模块叫做HighCharts的boostjs,我会 我喜欢用,但我不知道怎么用 这是一个用法示例: $function{ 函数getDatan{ var arr=[], 我 A. B C 尖峰 对于i=0;i

嘿,我正在使用highcharts库来介绍气体的图形

我想提高它们的性能,这样每个图可以处理每个图超过50000个点

我知道我可以将turboThreshold指定为100万,它会起作用 很好,但我注意到一个新模块叫做HighCharts的boostjs,我会 我喜欢用,但我不知道怎么用

这是一个用法示例:

$function{ 函数getDatan{ var arr=[], 我 A. B C 尖峰 对于i=0;i 向基于SVG的图表添加如此多的对象需要时间,用户与这些对象(如值、标题、工具提示等)的交互感觉很慢。因为可以添加到DOM中的SVG元素有一个限制

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

因此,HighCharts的工程师利用SVG和HTML5画布技术制作了一个混合解决方案。他们在HTML5画布上绘制图表,然后将图表内容复制到SVG

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

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

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

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

因此,HighCharts的工程师利用SVG和HTML5画布技术制作了一个混合解决方案。他们在HTML5画布上绘制图表,然后将图表内容复制到SVG


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

这篇短篇故事只是包含它,它会工作的。它似乎只是覆盖了一些默认的highcharts函数,因此调用的是boost版本,而不是普通版本。我也不明白它的细节。谢谢…………我们可以结束这个话题。如果你在任何地方找到更详细的解释,你可以回答你自己的问题。我相信它在某一点上会帮助其他人。好的,我会:……这篇短篇小说只是包含了它,它会起作用的。它似乎只是覆盖了一些默认的highcharts函数,因此调用的是boost版本,而不是普通版本。我也不明白它的细节。谢谢…………我们可以结束这个话题。如果你在任何地方找到更详细的解释,你可以回答你自己的问题。我相信它会在某一点上帮助别人。。。。