主要是学习了jsp利用echarts进行画图
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/echarts.js"></script> <script src="js/wordcloud.js"></script> <div class="panel panel-default"> <div class="panel-body" style=" auto;height: 900px;"> <div id="worldCloud" style=" 100%;height: 50%"></div> </div> </div> </head>0 <body> <script type="text/javascript"> var worldCloudcharts=echarts.init(document.getElementById('worldCloud')); var worldCloudoption = { title: { text: '研发部邮件主题分析', x: 'center', textStyle: { fontSize: 23, color:'#FFFFFF' } }, tooltip: { show: true }, series: [{ name: '研发部邮件主题分析', type: 'wordCloud', sizeRange: [6, 66], rotationRange: [-45, 90], textPadding: 0, autoSize: { enable: true, minSize: 6 }, textStyle: { normal: { color: function() { return 'rgb(' + [ Math.round(Math.random() * 160), Math.round(Math.random() * 160), Math.round(Math.random() * 160) ].join(',') + ')'; } }, emphasis: { shadowBlur: 10, shadowColor: '#333' } }, data: [{ name: "Jayfee", value: 666 }, { name: "Nancy", value: 520 }] }] }; var JosnList = []; JosnList.push({ name: "Jayfee", value: 666 }, { name: "Nancy", value: 520 }, { name: "生活资源", value: "999" }, { name: "供热管理", value: "888" }, { name: "供气质量", value: "777" }, { name: "生活用水管理", value: "688" }, { name: "一次供水问题", value: "588" }, { name: "交通运输", value: "516" }, { name: "城市交通", value: "515" }, { name: "环境保护", value: "483" }, { name: "房地产管理", value: "462" }, { name: "城乡建设", value: "449" }, { name: "社会保障与福利", value: "429" }, { name: "社会保障", value: "407" }, { name: "文体与教育管理", value: "406" }, { name: "公共安全", value: "406" }, { name: "公交运输管理", value: "386" }, { name: "出租车运营管理", value: "385" }, { name: "供热管理", value: "375" }, { name: "市容环卫", value: "355" }, { name: "自然资源管理", value: "355" }, { name: "粉尘污染", value: "335" }, { name: "噪声污染", value: "324" }, { name: "土地资源管理", value: "304" }, { name: "物业服务与管理", value: "304" }, { name: "医疗卫生", value: "284" }, { name: "粉煤灰污染", value: "284" }, { name: "占道",