Highcharts列类型可视化：同一Xaxis标签的多个数据点

Question

我有这个简单的json文档：

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

我可以使用Highcharts将其可视化（请参阅我的JSFiddle）。但是，我有兴趣为同一个Xaxis标签可视化多个数据点，但它在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/