Javascript 放大时热图单元格之间的白线（浏览器缩放）

我有以下问题：

在不放大浏览器的情况下，它看起来很漂亮：

当我放大时（浏览器缩放，Chrome）：

有人知道为什么会出现这些白线吗？

---

解决方法是增加rowSize/colSize，使它们重叠，但这并不好…

Highcharts GitHub存储库中报告了此问题：

简而言之，它是由

形状渲染

属性引起的，该属性的默认值设置为

几何精度

。要解决此问题，只需在每个元素上使用

将此参数值设置为
optimizeSpeed
。highcharts point

类，如下所示：

.highcharts-point {
  shape-rendering: optimizeSpeed;
}

---

活生生的例子：

这很奇怪，因为在我的Chrome中，一切都很好。你能告诉我你使用的是什么版本的浏览器和操作系统吗？在firefox中，即使没有缩放，也会出现白线…Chrome的版本是：68.0.3440.106（官方版本）（64位）非常感谢！这正是我想要的：）

.highcharts-point {
  shape-rendering: optimizeSpeed;
}