Highcharts: Android chrome 在打开演示页面时崩溃

像素 3 相同，android chrome 78.0.3904.62

这实际上是一个非常紧迫的问题，因为我们在整个网站上都有很多图表，而且它们无法访问并且对 UX 有巨大的负面影响

感谢您报告此问题！

用 Android v9.0 测试：

• v76.0.3809.132 - 没问题
• v77.0.3865.116 - 没问题

用 Android v9.1 测试

• v78.0.3904.62 - 冻结的 Chrome

任何更新？

BrowserStack 还没有 v78，但我们的开发人员（@jon-a-nygaard 和@oysteinmoseng ）现在正在物理设备上进行调试。

从我们目前的调查来看，Android Chrome v78.0.3904.62 中复杂 SVG 的渲染性能似乎有所下降。 在此示例中，它是具有大笔画的路径。

我们将问题隔离到一个具有几个元素的相对简单的 svg，其中一个元素的 transform 属性以快速间隔更新。
通过在 Android Chrome v78.0.3904.62 中打开下面的显示页面，您可以看到它会冻结一段时间，然后有时会赶上并按预期执行。 在以前的版本中，它从一开始就顺利运行。

• JSFiddle 示例
• 示例展示页面

我们已将此问题报告给 Google Chrome 支持，希望他们能够解决问题，或进一步了解导致问题的原因。

@jon-a-nygaard 来自谷歌浏览器的任何反馈？
您可以添加问题报告的链接吗？ 谢谢

嗨@anki247 ，

很遗憾，我没有收到来自 Google Chrome 支持的任何反馈，遗憾的是他们的问题报告无法公开。

不过好消息是，今天我发现这个问题也可以在 Chromium 中重现，我已将其报告给 The Chromium Projects。 此问题报告可从https://bugs.chromium.org/p/chromium/issues/detail?id=1022314 获得

对于那些有兴趣在 Chromium 上进行测试的人，可以从https://download-chromium.appspot.com/下载 Android 应用程序

@jon-a-nygaard
请看一下那些演示，我偶然发现了一个页面，其中渲染了完全相同的图表而没有任何错误。
花了几个小时后，我发现一些 HTML 结构和 CSS 类/规则有一些影响。

• JSFiddle 示例
• 示例展示页面

此 JSFiddle 与您的示例的唯一不同之处在于图表之前的 CSS 部分和此 HTML。 但在这里它在 android chrome 上完美运行 :-S
````

谢谢@anki247 ，

这是一个有趣的观察！ 我不知道这在技术上意味着什么，但我已将信息传递给 Chromium 项目，希望这将有助于他们的进步。

@anki247太棒了。 我只是把它放在与图表所在页面的背景相同的颜色中，它似乎解决了这个问题。 现在很好的解决方法

@ anki247您是否有一个 jsfiddle 显示它正在崩溃，以及您为阻止它崩溃所做的确切更改？

@baerach
崩溃：

• https://jsfiddle.net/jon_a_nygaard/1c7Lpefm/
• https://jsfiddle.net/jon_a_nygaard/1c7Lpefm/show

“解决方法”：（它实际上并不是一种解决方法......更多是演示 ^^）

• https://jsfiddle.net/6w59qaod/11/
• https://jsfiddle.net/6w59qaod/11/show

正如我上面提到的，它们之间的区别只是

• CSS部分
• 跟随图表上方的 HTML 部分
  ````
  

感谢您提供详细信息和解决方法！

嗨highcharts团队！

你有关于这个问题的任何更新吗？ 您收到 Chrome 团队的任何回复了吗？ 我们开发了一个使用 SVG 的应用程序，我们在Chrome@Android 中遇到了完全相同的问题

报告的问题仍然有效。 您可以在此处查看案例的当前状态： https :

我们在尝试绘制图表的几乎所有数据集上都看到了这个问题。 由于这显然是谷歌的长跑者，是否有比

使用 Highcharts Boost 会有所帮助，尤其是在移动设备上。

降低数据点密度也有帮助。 根据您必须在页面上呈现的系列和图表的数量，每个系列最多 500 个数据点在大多数设备上似乎可以顺利呈现。 您可以根据屏幕宽度设置数据点的数量。