highcharts+java

通过highcharts做图标：

引入js:

<script src="/static/js/highchart/highcharts.js"></script>

<script src="/static/js/highchart/modules/data.js"></script>

<script src="/static/js/highchart/modules/exporting.js"></script>

前段:

$('#normal').highcharts({
chart: {
type: 'line'//变更类型值 切换展示视图
},
title: {
text: '数据走势'
},
subtitle: {
text: '说明:数据来源'
},
xAxis: {
categories: ss
},
yAxis: {
title: {
text: '分数'
}
},
plotOptions: {
line: {
dataLabels: {
enabled: true
},
enableMouseTracking: true
}
},
series: [{
name: subtitle,
data: value
}]
});

html:

<div id="normal" style="min-width: 110px; height: 400px; margin: 0 auto"></div>

                            </div>

后端:

UserScoreModel user = 获取数据;
        parames.put("username", user.getUsername());
        parames.put("dates", user.getDate());
        parames.put("values", user.getValues());
return ....//转成json
如果是多个条件的话 可以在后端封装成一个map的List然后在转化为json