Javascript 如何同步高度和高度;海图中多个海图的y轴基线

Javascript 如何同步高度和高度;海图中多个海图的y轴基线,javascript,css,highcharts,Javascript,Css,Highcharts,我在一个页面上有多个图表,应该有统一的高度和y轴基线,这样用户可以比较每个图表apple-2-apple 我将x轴标签旋转90度,这样看起来会更好,不会相互重叠,但问题是,不同图表的标签长度不同,这使得highcharts自动调整图表的高度和y轴基线 如何为页面上的所有图表固定图表的高度和y轴基线?您可以使用marginBottom设置图表的底部边距: $('#container').highcharts({ chart: { marginBottom: 150

我在一个页面上有多个图表,应该有统一的高度和y轴基线,这样用户可以比较每个图表apple-2-apple

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


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

您可以使用
marginBottom
设置图表的底部边距:

$('#container').highcharts({
    chart: {
        marginBottom: 150
    }
});   
这将确保图表底部的大小始终保持不变

在这里,您可以看到一个并排显示两个图表的示例,一个图表的名称较长,另一个图表的名称较短

以下是HighCharts API: