水平同步Highcharts,范围在y轴标题的范围内,也没有y轴标题

时间:2020-05-14 17:32:10

标签: highcharts alignment

我试图水平同步Highcharts,垂直堆叠多个图表-目的是使x轴对齐-一些图表具有特定范围的每小时数据,有些图表具有每日数据,有些图表具有5分钟数据。一个栅格可能具有2个y轴,零个甚至3个。如何将它们水平对齐?

Image showing unaligned stacked highcharts

1 个答案:

答案 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

相关问题