highcharts折线图ajax,Highcharts JS插件（折线图）

第一步：导入js，顺序不能变，否则显示不出来

第二部：后台采用spring MVC

@RequestMapping("/test2")

public String test2(ModelMap map,String scoreType) {

Date date = new Date();

String format = DateUtil.format(date, DateUtil.DATE).substring(0, 7);

List list = ScoreServiceImpl.getdetailScoreForYear(format.substring(0,4),scoreType);

List yaer = new ArrayList();

List sumScore = new ArrayList();

List count = new ArrayList();

for (int i = 0; i 

yaer.add("'"+list.get(i).getsDdate()+"'");

sumScore.add(list.get(i).getSumscore());

count.add(list.get(i).getCount());

}

map.put("year", yaer);//集合传输到前台为json格式

map.put("sumScore", sumScore);

map.put("count", count);

return "gbs/scorecount/yearcount";

}

第三部：前台

$(function () {

var month = ${month};//json格式数组

var sumScore = ${sumScore};

var count = ${count};

//console.log(datalist);

$('#container').highcharts({

title: { text: '本月统计', x: -20 }, //center

subtitle: { text: '积分领取', x: -20 },

// xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun','Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] },

xAxis: { categories: month},//month必为数组

yAxis: { title: { text: '领取总量' },

plotLines: [{ value: 0, width: 1, color: '#888888' }] },

tooltip: { valueSuffix: '' },

legend: { layout: 'vertical', align: 'right', verticalAlign: 'middle', borderWidth: 0 },

series: [{ name: '领取次数', data: count },{ name: '积分总量', data: sumScore }

] }); //多个{name:'',data:[]}用逗号隔开

});