关闭

highcharts+java

238人阅读 评论(0) 收藏 举报

通过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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:337369次
    • 积分:5559
    • 等级:
    • 排名:第5273名
    • 原创:173篇
    • 转载:312篇
    • 译文:0篇
    • 评论:29条
    学习交流
    java资源分享群:222379715
    文章分类
    最新评论