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

Question

我试图在时间序列图表的X轴下绘制每小时状态为（可点击的）彩色框。

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

但是，是否有可能让2个y轴与普通的X轴相反？

   ^
   |
___|_____________>
           |
           | 
           V

这是我到目前为止所得到的： http://jsfiddle.net/7q15t2fh/4/

Answer 1

这是一个使用两个堆叠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轴的顶部。

示例：

• http://jsfiddle.net/jlbriggs/u4db8yx7/