Как установить ось X HighCharts на прием DateRange

Question

Я пытаюсь отобразить серию данных для определенного набора дат, скажем, за 15 или 30 дней. Теперь я не хочу отображать все эти даты вместо оси x, потому что их будет слишком много и это будет трудно понять, вместо этого я хочу нанести их на интервалы, чтобы данные оси y могли корректно соответствовать. Ниже показано, как я отображал все, что выглядит неуклюже и трудно читаемым

"xAxis": {
  categories: [
    '10 June',
    '12 June',
    '14 June',
    '16 June',
    '18 June',
    '20 June',
    '22 June'
 ]
 },
"series": [
  {
    name: 'Total Students',
    data: [1, 2, 1, 4, 3, 60]
  }
]

Есть ли способ динамически заполнить ось X для отображения большого диапазона дат? Пожалуйста, предложите.

Answer 1

Вы можете использовать 'datetime' тип оси и установить x и y данные таким образом:

xAxis: {
    type: 'datetime'
},
series: [{
    name: 'Total Students',
    data: [
        [Date.UTC(2013, 8, 16), 0.7500],
        [Date.UTC(2013, 8, 17), 0.7486],
        [Date.UTC(2013, 8, 18), 0.7396],
        [Date.UTC(2013, 8, 19), 0.7391],
        [Date.UTC(2013, 8, 20), 0.7394],
    ]
}]

---

Демонстрационная версия: http://jsfiddle.net/BlackLabel/xq52vagL/

Справочник по API: https://api.highcharts.com/highcharts/xAxis.type