系列作爲highchart中的列

Question

我想呈現非常基本的柱狀圖，其中每個系列都在列上。 我可以使它的工作，如果它設置序列[]內的每個列。data 這裏是一個jsFiddle，其中的酒吧是正確的，但圖例應顯示相同的列名稱（阿拉和公司）。

https://jsfiddle.net/rsL1tza2/

series: [{ 
     data: [{ 
      name: 'Alla', 
      y: 76.9, 
      color: '#003960' 
     }, 
     { 
      name: 'Company', 
      y: 77.2, 
      color: '#006bb6' 
     }] 
    }] 

Answer 1

您當前的數據結構僅指定一個系列。

您需要將您的series性質走出data陣列，並指定它們作爲兩個獨立的系列，如：

series: [{ 
    name: 'Alla', 
    color: '#003960', 
    data: [76.9] 
    }, { 
    name: 'Company', 
    color: '#006bb6', 
    data: [77.2] 
    }] 

這可能會導致你可能希望將X軸標籤等問題地址，但這是一個不同的問題。

例子：

• https://jsfiddle.net/rsL1tza2/1/

雖然，如果你的數據實際上是這個簡單的，它是更好的可用性直接標註在x軸的棒，而不是一個傳奇，用戶必須從圖例來回看到酒吧並匹配顏色。 FWIW。

編輯

如果你想在系列名稱出現在軸標籤和傳說都，你需要做的事情有點不同。

1）設置grouping爲false在plotOptions

2）指定的categories，或者設置在兩個series性質name和data點

3）指定每個數據的x值點。

軸：

xAxis: { 
    categories: ['Alla', 'Company'], 
    } 

圖解選項：

plotOptions: { 
    column: { 
     grouping: false 
    } 
    } 

系列：

series: [{ 
    name: 'Alla', 
    color: '#003960', 
    data: [[0,76.9]] 
    }, { 
    name: 'Company', 
    color: '#006bb6', 
    data: [[1,77.2]] 
    }] 

小提琴：

• https://jsfiddle.net/rsL1tza2/4/

Answer 2

你必須保持name出data領域：

https://jsfiddle.net/0kfmqnu4/

series: [{ 
     name: 'Alla', 
     data: [76.9] 
    }, { 
     name: 'Company', 
     data: [77.2] 
    }]