Highcharts: ось х не соответствует при использовании категории

Question

Я пытаюсь нарисовать столбец/гистограмму, как показано на JSFiddle здесь: http://jsfiddle.net/qh17f7ao/1/

Вот мои Highcharts данные:

series: [{ 
    name: 'Tokyo', 
    data: [['Jan',49.9], ['Feb', 71.5], ['Mar', 91]] 
}, { 
    name: 'New York', 
    data: [['Jan',83.6], ['Feb',78.8], ['Apr',100]] 
}, { 
    name: 'London', 
    data: [['Mar',83.6], ['Jun',78.8], ['Aug',100]] 

}, { 
    name: 'Berlin', 
    data: [['Jan',83.6], ['Apr',78.8], ['Sep',100]] 
}] 

Если вы смотрите на категории оси x, у меня есть широкий диапазон месяцев, таких как Jan, Feb, Mar, Apr, Jun, Aug, Sep

Однако, когда я передаю данные в Highcharts для рендеринга , ось не согласована и отсутствует конкретная информация. ц.

Answer 1

Многое можно сказать здесь, но я думаю, что эта линия the API подводит итог:

Если xAxis.type установлен в категорию, и никаких категорий опции не существует, то категория будет вытащить из point.name последней серии. Однако для нескольких серий наилучшей практикой является определение xAxis.categories.

Мой лучший совет - поэтому делать именно это. Не используйте имя, используйте categories.

Например (JSFiddle):

$('#container').highcharts({ 
    xAxis: { 
     categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] 
    }, 
    series: [{ 
     name: 'Tokyo', 
     data: [[0,49.9], [1, 71.5], [2, 91]] 
    }, { 
     name: 'New York', 
     data: [[0,83.6], [1,78.8], [3,100]] 
    }, { 
     name: 'London', 
     data: [[2,83.6], [5,78.8], [7,100]] 

    }, { 
     name: 'Berlin', 
     data: [[0,83.6], [3,78.8], [8,100]] 
    }] 
});