新手求助 “Highcharts” 双柱图的问题（急）

[不够时间]

JS代码如下：

<script type="text/javascript">

$(function () {

var x = [];//X轴

var y = [];//Y轴

var xtext = [];//X轴TEXT

var color1 = ["gray"];

var color2 = ["red"];


$.ajax({

type: 'post',

url: 'Handler/ProductionLineProgressChart.ashx',//请求数据的地址

success: function (data) {

var json = eval("(" + data + ")");

var s = 1;

for (var key in json.list) {

json.list[key].y = json.list[key].PLAN_NUM; //给Y轴赋值

xtext = json.list[key].LINE_ID_TEXT;//给X轴TEXT赋值

json.list[key].color = color1[0];
}

chart.series[0].setData(json.list);//数据填充到highcharts上面
for (var key in json.list) {

json.list[key].y = json.list[key].ACTUAL_NUM; //给Y轴赋值

xtext = json.list[key].LINE_ID_TEXT;//给X轴TEXT赋值

json.list[key].color = color2[0];
}
chart.series[1].setData(json.list);//数据填充到highcharts上面
},

error: function (e) {

}

});

var chart = new Highcharts.Chart({

chart: {

renderTo: 'container',

type: 'column' //显示类型 柱形

},

title: {

text: '产线进度' //图表的标题

},

xAxis: {

categories: xtext
},

yAxis: {

title: {

text: '数量' //Y轴的名称
},
},

series: [{

name: "生产数量"

}]
});

});

</script>

在前端调试后json.list获得了后台的数据





但是执行到“数据填充到highcharts上面“却报了这样的错。。 希望哪位大神能帮我解决一下 谢谢




另外 Highcharts 的双柱图是不是这样做的希望能帮忙指教一下~

[Hello World,]

什么是“双柱图”？

[斯洛文尼亚旅游]

series: [{ name: "生产数量" }] 你的series只有1个，你用chart.series[1]要报错越界了，添加新series要用chart的addSeries方法 你的chart变量没有初始化，默认为undefined，将 var chart = new Highcharts.Chart({放到 $.ajax({上面

[斯洛文尼亚旅游]

而且注意series的结构，

 series: [{
            name: 'Tokyo',
            data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]

        }

自己多看示例+API https://api.hcharts.cn/highcharts

[不够时间]

多谢showbo 版主 已经解决了.

[不够时间]

引用 3 楼 showbo 的回复:

而且注意series的结构，

 series: [{
            name: 'Tokyo',
            data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]

        }

自己多看示例+API https://api.hcharts.cn/highcharts

非常棒.......