我试图水平同步Highcharts,垂直堆叠多个图表-目的是使x轴对齐-一些图表具有特定范围的每小时数据,有些图表具有每日数据,有些图表具有5分钟数据。一个栅格可能具有2个y轴,零个甚至3个。如何将它们水平对齐?
答案 0 :(得分:0)
您可以找到具有最大plotLeft
属性的图表,并通过marginLeft
属性将其应用于其他图表:
charts.forEach(function(ch) {
if (ch.plotLeft > maxPlotLeft) {
maxPlotLeft = ch.plotLeft;
}
});
charts.forEach(function(ch) {
ch.update({
chart: {
marginLeft: maxPlotLeft
}
});
});
实时演示: http://jsfiddle.net/BlackLabel/6m4e8x0y/5012/
API参考:
https://api.highcharts.com/highcharts/chart.marginLeft
https://api.highcharts.com/class-reference/Highcharts.Chart#update