Highcharts列类型的可视化：为同一X轴标签

Question

我有这个简单的JSON文件的多个数据点：

var data = [ 
{ 
    "x": "a", 
    "y": 2 
}, 
{ 
    "x": "b", 
    "y": 8 
}, 
{ 
    "x": "c", 
    "y": 4 
}, 
{ 
    "x": "d", 
    "y": 15 
}] 

我可以使用Highcharts它想象（见我JSFiddle）。不过，我很感兴趣的可视化多个数据点为同一X轴的标签，但它并没有使用我的代码在JSFiddle如工作,:

var data = [ 
    { 
     "x": "a", 
     "y": [2,3,7] 
    }, 
    { 
     "x": "b", 
     "y": [8,2,1] 
    }, 
    { 
     "x": "c", 
     "y": [4,2,9] 
    }, 
    { 
     "x": "d", 
     "y": [15,10,4] 
    }] 

如何，因此采取多个数据点我可以更新我的代码考虑到相同的Xaxis标签。

Answer 1

只需将您的数据分为三个系列并创建categories数组。

API参考：
https://api.highcharts.com/highcharts/xAxis.categories

例子：
http://jsfiddle.net/2ar1k6vu/