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

时间:2015-04-08 09:35:08

标签: javascript css highcharts

我在页面上有多个图表,这些图表应该具有均匀的高度和高度。 y轴基线,以便用户可以比较每个图表apple-2-apple。

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

enter image description here

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

1 个答案:

答案 0 :(得分:3)

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

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

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

在这里你可以看到一个并排的2个图表的例子,一个名字较长,另一个名字较短。

http://jsfiddle.net/ktxn7ewx/

以下是HighCharts API:http://api.highcharts.com/highcharts#chart.marginBottom