Highcharts：使用类别时x轴不一致

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 轴类别，我列出的月份范围很广，例如一月、二月、三月、四月、六月、八月、九月。

但是，当我将数据传递给 Highcharts 进行渲染时，轴并不一致，并且缺少特定的数据点。

Answer 1

这里可以说很多，但我认为the API 的这句话总结了它：

如果 xAxis.type 设置为类别，并且不存在 categories 选项，则将从定义的最后一个系列的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]]
    }]
});