在水平方向上同步Highcharts,其Y轴标题的数量范围,也可以没有Y轴标题。

问题描述 投票:0回答:1

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

图片显示未对齐的堆叠高图

highcharts alignment
1个回答
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.netBlackLabel6m4e8x0y5012。

API参考。

https:/api.highcharts.comhighchartschart.marginLeft。

https:/api.Highcharts.comclass-referenceHighcharts.Chart#update

© www.soinside.com 2019 - 2024. All rights reserved.