Javascript 如何同步高度和高度;海图中多个海图的y轴基线
我在一个页面上有多个图表,应该有统一的高度和y轴基线,这样用户可以比较每个图表apple-2-apple 我将x轴标签旋转90度,这样看起来会更好,不会相互重叠,但问题是,不同图表的标签长度不同,这使得highcharts自动调整图表的高度和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轴基线?您可以使用
marginBottom
设置图表的底部边距:
$('#container').highcharts({
chart: {
marginBottom: 150
}
});
这将确保图表底部的大小始终保持不变
在这里,您可以看到一个并排显示两个图表的示例,一个图表的名称较长,另一个图表的名称较短
以下是HighCharts API: