2016-03-15 5 views
0

Я работаю над простым проектом, и я пытаюсь создать диаграмму. Все работает отлично, за исключением того, что легенда не показывает название серии. Это fiddle.Highcharts legend не показывает названия серий

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

Смежные вопросы