Javascript PlotlyJS，将辅助x轴定位在另一个x轴下方

我有一张带有多个x轴的plotlyJS图表

我希望一个x轴每n分钟显示一次刻度标签，另一个x轴每天显示一次刻度标签

我希望第二个x轴（天）位于分钟x轴下方

这可能吗？到目前为止，我已经：

function buildFixedLayout() {
    return {
        title: $("#qsName").val(),
        showlegend: false,
        xaxis: {
            showgrid: true,
            zeroline: true,
            autotick: false,
            dtick: 600000,
            showticklabels: false,
        },
        xaxis2: {
            autotick: false,
            dtick: 3600000,
            showticklabels: true,
            overlaying: "x",
            tickformat: "%H"
        },
        xaxis3: {
            autotick: false,
            dtick: 86400000,
            showticklabels: true,
            overlaying: "x",
            tickformat: "%a",
            anchor: "free",
            position: "0"

        },
        yaxis: {
            title: rxgDefRateAsPercentOfInsp,
            showline: true,
            showgrid: true,
            zeroline: true,
            fixedscale: true,
            fixedrange: true,
            range: [0, 10]
        },
        shapes: thresholdBackground(true)
    };
}

结果显示：（注意Thu）位与分钟重叠

---

我想我需要用一些偏移量将其位置锚定到轴“x”，但我看不出如何做到这一点。

找到了解决方法。设置ticklen，然后将tickcolor设置为白色

xaxis3: {
            autotick: false,
            dtick: 86400000,
            showticklabels: true,
            overlaying: "x",
            tickformat: "%a",
            ticklen: 15,
            tickwidth: 0,
            tickcolor: "#FFF"
        },

产生：

肯定是更好的方法吗