Ежемесячные данные в старших графиках без явного указания метки за весь месяц

Question

У меня есть очень простой массив для ежемесячного построения графика, начиная с 10 января.

Ниже приведены мои данные.0 для Jan'10, 1 для feb'10 и т. Д.

data: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]

Я использовал следующий код для построения графика ( jsfiddle ).

Highcharts.chart('container', {
    xAxis: {
        type: 'datetime'
    },

    plotOptions: {
        series: {
            pointStart: Date.UTC(2010, 0, 1),
            pointInterval: 24 * 3600 * 1000*30 // 30 days
        }
    },

    series: [{
        data: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]
    }]
});

Это работало нормально только одна проблема.

Проблема:

Поскольку я дал временной интервал 30 дней, вторая точка имеет xкоордината должна быть 31 января (вместо ожидаемого 1 февраля).

Есть ли способ сообщить старшим диаграммам, что мои данные ежемесячны.к старшей диаграмме как это демо .

 xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

Но я обнаружил этот график, на котором ежегодные данные автоматически наносятся старшими диаграммами без явного указания всех лет по оси x, явно, я уверен, что должен быть способсделать это и для месячных данных.

Answer 1

Установите pointIntervalUnit в month:

series: [{
    pointStart: Date.UTC(2010, 0, 1),
    pointIntervalUnit: 'month',
    data: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]
}]

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

API Reference: https://api.highcharts.com/highstock/series.column.pointIntervalUnit