zoukankan      html  css  js  c++  java
  • 2.17

    主要是学习了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: "占道",
  • 相关阅读:
    Webpack笔记(三)——一款破产版脚手架的开发
    Google C++命名规范
    视觉词袋模型(BOVW)
    机器学习之四:决策树
    Zernike不变矩
    互联网产品各阶段的标准流程文档
    机器学习之三:logistic回归(最优化)
    Python
    机器学习之二:K-近邻(KNN)算法
    Python学习之二:Python 与 C 区别
  • 原文地址:https://www.cnblogs.com/ljpljm/p/12324227.html
Copyright © 2011-2022 走看看