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

【问题标题】：how to sync height & y-axis baseline of multiple chart in highcharts如何在highcharts中同步多个图表的高度和y轴基线
【发布时间】：2015-04-08 09:35:08
【问题描述】：

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

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

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

【问题讨论】：

标签： javascript css highcharts

【解决方案1】：

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

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

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

您可以在此处看到一个示例，其中包含 2 个并排的图表，一个名称较长，另一个名称较短。

http://jsfiddle.net/ktxn7ewx/

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

【讨论】：