使用HighCharts对条形图的无响应脚本和/或高响应时间

Question

当我尝试渲染具有大量数据点的条形图时，我遇到了一个问题。 但这只发生在FireFox中。 一个弹出窗口显示10秒后无响应的脚本，如果我继续显示大约需要20秒。 我已经建立了一个独立的例子http://jsfiddle.net/tankchintan/UWB8h/5/

在Chrome中虽然大约需要5秒钟，但它仍然可以毫无问题地呈现。 我想知道是否有解决方法吗？ 或者我可以做些什么来让响应时间缩短？ 有大约1000行，恕我直言并不高。

谢谢您的帮助！

Answer 1

您以两种方式伤害用户：

• 首先，他们必须等待几秒钟才能呈现页面并且整个浏览器冻结，因为JS引擎没有响应

• 但更重要的是，你正在伤害它们，因为你正在显示一个有近1000个水平条形的条形图 ！

第二点实际上更重要。 当然浏览器的JavaScript性能各不相同（Chrome已知速度更快，但Firefox不会挂在我的电脑上 - 但我知道你的意思）。 可能有一天，所有浏览器都会很乐意在没有时间内呈现此图表。

但是，您的用户会欣赏长度为10个屏幕的图表吗？ 想象一下在一个表中有数千行的网页。 关键 - 考虑不同的数据表示：可能在20个样本之后截断数据并显示额外的“ 其他...... ”栏？

顺便说一句，我和jqplot有类似的问题 - 我在同一页面上渲染了10多个简单的图表。 就像你的情况一样，Firefox对于脚本运行时间过长而尖叫。 我通过暂停渲染一个图表来修复它。 这个页面就像一个魅力，更具响应性和愉悦性。

Answer 2

我同意显示这些数据点的难度。 这种情况发生在大多数情况下在其他类型的图表中，在我的情况下是柱形图。

这里的不同之处在于，可能有理由显示大型数据集的趋势，而Highcharts Zoom功能使这些图表更加实用。 用户可以在较大的集合中发现高点和异常，并放大以查看该区域内的各个列。 此外，使用柱形图，整个演示文稿位于一个页面上。

也就是说，无响应的脚本问题仍然存在，并且无论这种类型的要求如何，都需要用户在呈现图表之前指定数据的子集。