Highcharts 积宽比

如何指定绘图的纵横比？我正在使用一个仪表板，当你点击一个静态png图表时，它会变成一个highchart。问题是我的静态图表的绘图区域更为正方形，而highchart默认为更宽的纵横比

有没有办法在不指定固定宽度和高度的情况下指定图表的纵横比

编辑：

为了更好地解释，当我使用div作为图表的目标时，它正确地填充了宽度，但高度似乎是由某种纵横比变量决定的，我不知道如何更改

编辑2：

例如，我可以为我的所有图表指定：

chartHeight=chartWidth*0.75？

是的，你当然可以

由于您希望仪表板中的所有图表具有相同的维度，因此我建议如下：

1） 定义将由所有容器div共享的基本样式。在这里，您将设置它们共同的宽度和高度

// in your stylesheet:
.chartStyle {
    width: 100%;
    height: auto;
}

<!-- in your HTML code: -->
<div id="container" class="chartStyle"></div>
<div id="container2" class="chartStyle"></div>

3） 在每个图表的选项中，将宽度和高度属性设置为前面声明的变量

chart: {
    width: myWidth,
    height: myHeight
},

现在，每个图表都应该以您定义的纵横比呈现

这里有一个摆弄此设置的工具：

对于奖励积分，您可以设置

$（窗口）。如果您的用户更改浏览器窗口的大小，请调整事件大小以更新宽度和高度变量，并重新绘制图表

需要注意一件事：浏览器无法准确计算隐藏div元素的尺寸。如果在从静态PNG转换为交互式图表之前使用
display:none
或
visibility:hidden
隐藏图表div，则可能需要在用户单击PNG时设置更明确的值与百分比

chart: {
    width: myWidth,
    height: myHeight
},