如何在同一行上对齐两个 Highcharts yAxis?
我在同一页上有两个图表,一个在另一个下面。在 highcharts 中有没有办法指定两个图表的 yAxis 从同一行开始?
实际:
预期
提前致谢
最佳答案
一般情况下,可以通过chart.marginLeft
设置静态左边距http://jsfiddle.net/BlackLabel/f3frd95v/
但是,如果我们不知道我们需要多少空间,这不是很好的解决方案。在那种情况下,我建议在渲染后更新图表:http://jsfiddle.net/BlackLabel/f3frd95v/1/
var chart1 = Highcharts.chart('container', {
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
});
var chart2 = Highcharts.chart('container2', {
yAxis: {
labels: {
format: '{value}'
}
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4].map(function(p) {
return p * 1e7;
})
}]
});
var leftMargin1 = chart1.plotLeft,
leftMargin2 = chart2.plotLeft;
if (leftMargin1 > leftMargin2) {
chart2.update({
chart: {
marginLeft: leftMargin1
}
});
} else if (leftMargin2 > leftMargin1) {
chart1.update({
chart: {
marginLeft: leftMargin2
}
});
}
关于javascript - Highcharts 如何在同一行上对齐两个图表 yAxis,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48444632/