Highcharts鼠标跟踪/鼠标hoverfunction在chrome上很慢但在firefox或IE中并不慢

我们有一个使用Codeigniter和PHP构建的webapp,它在客户端使用Highcharts库和javascript / html,并部署在IIS上。

Highcharts库在屏幕上呈现各种图表,准确地说是5。 每个图表呈现的数据不超过1000行。

图表绘制得很好,但是当鼠标hover在图表周围时,鼠标hover在框架中显示(仅在chrome上)。 请参见下图,显示由鼠标跟踪引起的帧滞后。

在此处输入图像描述

令人惊讶的是,此行为仅在chrome上观察到,但在IE或Firefox中未观察到。

任何人都可以通过建议如何克服铬上的这种糟糕的鼠标跟踪来提供帮助。 Highcharts有一个鼠标跟踪器禁用选项,但如果它被禁用,我们会松开交互function和鼠标hoverfunction。

任何帮助克服这一点或改进chrome上的鼠标hover框架渲染将非常感激。

使用Highcharts版本2.0.4,现在更新到最新版本4.0.4

工具提示代码如下,使用框和面积图的基本工具提示选项。

tooltip: { formatter: function() { return 'The value for ' + this.x + ' is ' + this.y + ', in series '+ this.series.name; //return "hello"; } } 

发现问题,下面是修复。

我们必须在此处启用chrome上的“禁用图层压缩”选项 chrome:// flags / #disable_layer_squashing

PS感谢@SebastianBochan和@HristoValkanov指导我解决方案。

Webkit 中的一个错误。 这是官方的Chromium bug报告:

Bugs.Webkit:将鼠标hover在表行上会导致整个表重新绘制

这是根据Webkit的2014-11-14 08:53:09 PST更新修复的,如上面的票证所示。 这是OP发布后两个月。

如果你仍然遇到问题,例如拖放 (就像我一样),那么看看这个错误报告,仍然是活跃的和未解决的:

Bugs.Chromium:使用具有多个单元格的“position:relative”样式时拖放性能问题

自2014年3月31日起一直活跃

预期结果是什么?

  • 当拖动的对象位于单元格上方时,单元格应具有红色背景。

会发生什么?

  • 拖放很慢。

  • 细胞有时以红色显示,但几秒钟后显示。

  • 拖动结束后半秒内光标指针不可用。