海图失真

Question

当我的图表宽度放大到 1727 像素或更大时，我遇到了奇怪的行为。

当这种情况发生时，图表的线条开始扭曲或扭曲。

我已经测试了很多不同的解决方案，但似乎没有一个适用于此。

我正在使用 Highcharts 和 JQuery。 使用 16 英寸 MacBook Pro 和 Chrome 版本 95.0.4638.54 (Official Build) (x86_64)。 谷歌浏览器会出现此错误。但是 Safari 和 Firefox 运行良好。

What i see

JSFiddle

document.getElementById('small').addEventListener('click', () => {
    chart.setSize(1726, 300);
});

document.getElementById('medium').addEventListener('click', () => {
    chart.setSize(1727, 300);
});

document.getElementById('large').addEventListener('click', () => {
    chart.setSize(1900, 300);
});

document.getElementById('xtraLarge').addEventListener('click', () => {
    chart.setSize(3900, 300);
});

欢迎提出任何想法。

Answer 1

基于 GitHub 的一个答案：

“这更多是浏览器的SVG错误，而不是Highcharts本身。据我所知，它将在下一个Chrome v96版本中修复”

我会在 Chrome 更新到 v96 时报告该行为。 如果有人认为还有更多要测试的，就直说吧，我会继续自己测试其他解决方案。