Highcharts鼠标跟踪/鼠标悬停功能在chrome上很慢但在firefox或IE中并不慢

Question

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

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

图表绘制得很好,但是当鼠标悬停在图表周围时,鼠标悬停在框架中显示(仅在chrome上).请参见下图,显示鼠标跟踪造成的帧滞后.

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

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

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

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

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

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

Answer 1

发现问题了，下面是解决办法。

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

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