我在页面上有多个图表,这些图表应该具有均匀的高度和高度。 y轴基线,以便用户可以比较每个图表apple-2-apple。
我将x轴标签旋转到90度,这样它看起来会更漂亮并且不会相互重叠,但问题是,标签的长度因图表而异,这使得高图自动调整高度和图表的y轴基线。
如何为图表上的所有图表固定图表的高度和y轴基线?
答案 0 :(得分:3)
您可以使用marginBottom
设置图表的下边距:
$('#container').highcharts({
chart: {
marginBottom: 150
}
});
将确保图表的底部始终保持相同的大小。
在这里你可以看到一个并排的2个图表的例子,一个名字较长,另一个名字较短。
以下是HighCharts API:http://api.highcharts.com/highcharts#chart.marginBottom