高图 :在 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
    }]

看起来"top"属性未在 API 中列出。

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

例：

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