使用 css 变换比例时 Highcharts v7.1.2 宽度缩放问题

Question

我刚刚从 Highcharts V6.1.1 更新到最新版本 (V7.1.2)，现在我遇到了一个问题，即包含在 css 变换比例中的图表在宽度方向上未正确缩放。

下面的 JSFiddle 显示了问题（对于小图像表示歉意，它们被缩放以显示问题）。 使用 V6.1.1（在 fiddle 中取消注释）工作正常；

而使用最新的V7.1.2，图表未填充容器；

https://jsfiddle.net/mattscotty/L4fo02uk/

#outerContainer {
    transform: scale(0.315395);
    transform-origin: left top;
}

Answer 1

该问题是此处报告的 Highcharts 错误：https://github.com/highcharts/highcharts/issues/10782

作为解决方法，将 chart.width 属性 设置为与容器宽度相同的值：

chart: {
    width: 800
}

现场演示： https://jsfiddle.net/BlackLabel/wtf75o9s/

API参考：https://api.highcharts.com/highcharts/chart.width