Выделение тиков даты по оси x

Question

Возможно ли использовать minPadding или maxPadding на линейной диаграмме при задании минимальных и максимальных значений?

У меня есть ось х, которая выглядит следующим образом:

xAxis: { 
      type: 'datetime', 
      dateTimeLabelFormats: { // don't display the dummy year 
       month: '%e. %b', 
       year: '%b' 
      }, 
      title: { 
       text: 'Date' 
      }, 
      min: Date.UTC(1970, 9, 21), 
      max: Date.UTC(1971, 5, 3), 
      minPadding: 0.2 
     }, 

minPadding dosen't похоже на работу, как и ожидалось. Моя цель - попытаться выровнять отметки даты на линейной диаграмме и диаграмме столбцов.

Пример здесь:

http://jsfiddle.net/gtx21hhx/1/

Answer 1

Это всегда сложно получить строки и столбцы на двух различных графиках выстраиваться.

Есть два различных подхода я могучим использовать, чтобы решить эту проблему:

1) Добавить фиктивный column серии на линейный график, без каких-либо данных. Это приведет к выравниванию.

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

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

Вот пример с фиктивным серии:

• http://jsfiddle.net/jlbriggs/gtx21hhx/4/

А вот пример того, как можно настроить несколько Y осей на одной и той же схеме:

• http://jsfiddle.net/jlbriggs/py5cznd7/2/