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