Highcharts: отображает вторую серию под осью X

Question

Я пытаюсь нарисовать почасовые статусы как цветные прямоугольники под осью X диаграммы с временными рядами.

Идея состоит в том, чтобы иметь вторую серию (со своей осью Y), проведенную между самой осью X и метками оси X.

Но возможно ли иметь 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.

Вам необходимо установить высоту каждой оси y, а верхнюю часть второй оси y - в соответствии с размером диаграммы и верхним и нижним полями, а также размер и размер блока, который вы хотите.

Пример:

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