Highcharts显示多行(系列)数据
我想画一张有4行数据的图表。我遇到的问题是,我永远无法显示数据 我的JSON:Highcharts显示多行(系列)数据,highcharts,Highcharts,我想画一张有4行数据的图表。我遇到的问题是,我永远无法显示数据 我的JSON: [{"Average":["Apr","May","Jun","Jul"],"Good":["Apr","May","Jun","Jul"],"Excellent":["Apr","May","Jun","Jul"],"Not used":["Jan","Apr","May","Jun","Jul"]},{"name":"Poor","data":[1,2]},{"name":"Average","data":[1,
[{"Average":["Apr","May","Jun","Jul"],"Good":["Apr","May","Jun","Jul"],"Excellent":["Apr","May","Jun","Jul"],"Not used":["Jan","Apr","May","Jun","Jul"]},{"name":"Poor","data":[1,2]},{"name":"Average","data":[1,1,4,1]},{"name":"Good","data":[1,1,4,1]},{"name":"Excellent","data":[1,1,4,1]},{"name":"Not used","data":[1,1,2,4,1]}]
我的代码:
$(function () {
var categories=[];
var data2 =[];
var chart;
$(document).ready(function() {
$.getJSON("../charts/1-2-4-overall_year_chart.php?From=<?php echo $YearStart;?>&To=<?php echo $YearEnd;?>", function(json) {
$.each(json,function(i,el) {
if (el.name=="Month")
categories = el.data;
else data2.push(el);
});
$('#container1').highcharts({
chart: {
renderTo: 'container',
type: 'line',
marginTop: 25,
marginRight: 25,
marginBottom: 25,
plotBackgroundColor: '#FCFFC5',
style: {
fontFamily: 'serif',
fontSize: '8px',
}
},
title: {
text: ''
},
colors: [
'#ff0000',
'#f49004',
'#3abf05',
'#8b8c8a',
],
subtitle: {
text: ''
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
title: {
text: 'Percentage %'
}
},
plotOptions: {
line: {
dataLabels: {
enabled: true
},
enableMouseTracking: false
}
},
series: [{
data2: [{
name: 'Detractor',
color: '#00FF00',
y: 1
}, {
name: 'Passive',
color: '#FF00FF',
y: 5
}]
}],
credits: {
enabled: false
},
lang: {
noData: "No data"
},
noData: {
style: {
fontWeight: 'normal',
fontSize: '12px',
color: '#303030'
}
},
});
});
});
});
$(函数(){
var类别=[];
VarData2=[];
var图;
$(文档).ready(函数(){
$.getJSON(“../charts/1-2-4-totall_year_chart.php?From=&To=”,函数(json){
$.each(json,函数(i,el){
如果(el.name==“月”)
类别=el数据;
else数据2.推送(el);
});
$(“#container1”)。高图({
图表:{
renderTo:'容器',
键入:“行”,
玛金托普:25,
marginRight:25,
marginBottom:25,
plotBackgroundColor:“#FCFFC5”,
风格:{
fontFamily:'衬线',
fontSize:'8px',
}
},
标题:{
文本:“”
},
颜色:[
#ff0000",,
"f49004",,
"3abf05",,
“#8b8c8a”,
],
副标题:{
文本:“”
},
xAxis:{
类别:[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月]
},
亚克斯:{
标题:{
文本:“百分比%”
}
},
打印选项:{
行:{
数据标签:{
已启用:true
},
enableMouseTracking:false
}
},
系列:[{
数据2:[{
姓名:'诽谤者',
颜色:“#00FF00”,
y:1
}, {
名称:'被动',
颜色:“#FF00FF”,
y:5
}]
}],
学分:{
已启用:false
},
朗:{
noData:“无数据”
},
野田:{
风格:{
fontWeight:'正常',
fontSize:'12px',
颜色:“#303030”
}
},
});
});
});
});
谁能看出我错在哪里。
非常感谢您抽出时间。您使用的是series.data2数组而不是series.data数组,我会尝试在开始时更改此数组。@Grzegorz Blachliński您好,我将series.data2更改为series.data,仍然一样,我只显示了一行数据。谢谢您提供的信息。我认为您没有在图表中使用data2数组。实例: