Highcharts：在X轴下显示第二个系列

我试图在带有时间序列的图表的X轴下，将每小时状态绘制为（可单击的）彩色框

一个想法是在X轴本身和X轴标签之间绘制第二个系列（具有自己的Y轴）

但有可能有两个y轴与一个公共X轴的方向相反吗

   ^
   |
___|_____________>
           |
           | 
           V

以下是我到目前为止得到的信息：

---

以下是使用两个堆叠y轴的版本：

    yAxis: [{   
      height:200,
      title: { text: 'Y Axis 0', rotation:0 },
      offset:0
    },{
      top:275,
      height:30,
      title: { text: 'Y Axis 1', rotation:0 },
      offset:0,
      min:0,
      max:1
    }]

API中似乎没有列出“top”属性

您需要根据图表的大小、上下页边距以及所需的间距和块大小设置每个y轴的高度和第二个y轴的顶部

例如：

---

有很多潜在的解决方案。1） 只需使用相同的y轴，并使用负值；2） 只需将其自身的图表与原始图表对齐，这样您就不必担心根据常规数据调整框的大小3）是的，您可以使用堆叠的y轴-查看“顶部”和“偏移”属性。你的意思是这样的吗：或者？我的看法：我对单轴解决方案的拙劣看法：主要问题是，第一个系列的值范围可能从数千到数百万单位不等。因此，确定“状态”行的大小并不实际@我没能找到你提到的“顶级”酒店。另外，如果其他一切都失败了（因为潜在的对齐问题），我会尝试这个解决方案。很好！谢谢你的例子。是的，托普没有证件。您的解决方案看起来非常干净，但是硬编码的大小可能是一个问题…什么样的改变会使硬编码的大小成为一个问题？如果您知道要单击的框有多高，您应该能够以任何正确的方式动态确定其余框，重新计算调整大小事件中的轴高度和位置将解决此问题。另一个最有效的解决方案涉及使用%作为高度和顶部属性。我验证您的解决方案，因为它确实回答了我提出的问题并解决了最初的问题。谢谢你的时间！