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/