Javascript 对齐海图的X轴

在上面的链接中，我复制了一个问题，我想在相应的系列图下方对齐X轴标签。到目前为止，两个X轴标签都位于两个系列完整图的底部，这是不期望的

我在《来自highcharts api参考》中尝试了xAxis的align属性 但未能找到预期的解决方案

---

预期结果应该是，每个X轴都必须刚好低于其对应的绘图。就像一个系列图，然后是它的X轴，然后是另一个系列图，然后是它的X轴。同样，当我在绘图之间使用分隔符调整Y轴的大小时，X轴也应该相应地重新定位。

您想实现这样的效果吗

---

据我所知，您希望实现以下目标：，对吗？感谢@SebastianWędzel的回复，但是，当我使用分隔符调整Y轴大小时，是否可以动态移动第一个系列的X轴？

chart: {
  events: {
    render() {
      let chart = this,
        xAxis = chart.xAxis,
        controlLine = chart.yAxis[0].resizer.controlLine;

      xAxis[1].axisGroup.translate(0, -xAxis[1].axisGroup.getBBox().y + controlLine.getBBox().y)
      xAxis[1].labelGroup.translate(0, -xAxis[1].axisGroup.getBBox().y + controlLine.getBBox().y)
    }
  }
},