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

Question

我们有一个使用 Codeigniter 和 PHP 构建的网络应用程序，它在客户端使用 Highcharts 库和 javascript/html，并部署在 IIS 上。

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

图表绘制得很好，但是当鼠标悬停在图表周围时，鼠标悬停在框架中(仅在 chrome 上)。请参见下图，其中显示了鼠标跟踪导致的帧延迟。

令人惊讶的是，这种行为仅在 chrome 上观察到，而在 IE 或 firefox 中却没有。

任何人都可以通过建议如何克服 chrome 上这种糟糕的鼠标跟踪来提供帮助。 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

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