2016-03-15 96 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