2016-03-15 66 views
0

我正在研究一個簡單的項目,我試圖創建一個圖表。除了圖例沒有顯示系列名稱這一事實之外,一切都很完美。這是fiddleHighcharts傳說中沒有顯示系列名稱

HTML:

<div id="container" style="height: 400px"></div> 

代碼:

var myData = [{ 
"name": "Beginning Farmer", 
"y": 1, 
"color": "#FAD252" 
}, { 
"name": "Organic", 
"y": 1, 
"color": "#B5C442" 
}, { 
"name": "Whole Farm", 
"y": 2, 
"color": "#EB2F65" 
}]; 

$(function() { 
$('#container').highcharts({ 
chart: { 
    type: 'column' 
}, 

xAxis: { 
    categories: myData[0] 
}, 

series: [{ 
    data: myData, 
}] 
}); 
}); 

enter image description here

缺少什麼我在這裏?謝謝!

回答

0

其實所有我需要做的是改變對象數組的myData到格式:

var myData = [{ 
"name": "Beginning Farmer", 
"data": [1], 
"color": "#FD31B4" 
}, { 
"name": "Organic", 
"data": [1], 
"color": "#A7DC7B" 
}, { 
"name": "Whole Farm", 
"data": [2], 
"color": "#67ABDA" 
}]; 

然後:

series選項,只是將其更改爲:

series: myData, 

enter image description here

+2

這就是數據點的名稱,該系列的不是名稱。 –

4

設置在傳說值每個系列需要一個name屬性:

series: [{ 
    name: 'Foo', 
    data: myData, 
}] 

Updated fiddle

相關問題