使用CSS转换比例时Highcharts v7.1.2宽度比例问题

Question

我刚刚从Highcharts V6.1.1更新到了最新版本（V7.1.2），现在遇到了一个问题，即图表包含在CSS转换比例中时，无法正确地按比例缩放图表。

下面的JSFiddle显示了问题（对小图像表示歉意，将其缩放以显示问题）。 使用V6.1.1（无注释的小提琴）可以正常工作；

使用最新版本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