如何在highcharts中同步多个图表的高度和y轴基线

Question

我在一个页面上有多个图表，它们应该具有统一的高度和 y 轴基线，以便用户可以比较每个图表 apple-2-apple。

我把x轴的标签旋转了90度，这样看起来会更好看，而且不会互相重叠，但是问题是标签的长度因图表而异，这使得highcharts会自动调整图表的高度和 y 轴基线。

如何使页面上所有图表的图表高度和 y 轴基线固定？

Answer 1

您可以使用marginBottom设置图表的下边距：

$('#container').highcharts({
    chart: {
        marginBottom: 150
    }
});   

这将确保图表底部始终保持相同大小。

在这里您可以看到一个示例，其中有 2 个并排的图表，一个名称较长，另一个名称较短。

http://jsfiddle.net/ktxn7ewx/

这是 HighCharts API：http://api.highcharts.com/highcharts#chart.marginBottom