zoukankan html css js c++ java

2021.6.2

今日学习进度：

	第一天	第二天	第三天	第四天	第五天
所花时间（小时）	3	4.5	3
代码量（行）	500	400	500
博客量（篇）	1	1	1
了解到的知识点	顶会热词分析5	顶会热词分析6	顶会热词分析7

view.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>热词分析及其可视化</title>
<script src="js/jquery.min.js"></script>
<script src="js/echart3.js"></script>
<script src="js/echarts-wordcloud.js"></script>
<style>
 
            .table-a table{background:block}
            .table-a table td{border:1px solid #block;background:#FFe4e6;size=20px;}    
           #main{
               100%;
              height: 1500px;  
              border:1px solid #ddd;
              float:center;
          }
         
         .right{70%; float:left; height:100%; }
         .left{30%; float:left; height:100%; }
         .font_bk{border:10px solid #ffe4e6;}
        
        </style>
</head>
<body>
<div align="center"><a target='_blank' href="find1.jsp">返回主页面</a></div>
  <div id="main" align="center" style="height:300%;">
  
   </div>
<div class="table-a" id="zhuzhuang" style="height:500%;">

<div class="left" align="center">
 
<script type="text/javascript">

    var dt;
    var hzb=new Array(0);
    var zzb=new Array(0);
   
            $.ajax({
                url : "servlet?method=reci",
                async : true,
                type : "POST",
                data : {        
                },
                dataType : "json",
                
                success : function(data) {
                    dt = data;                   
                     var mydata = new Array(0);
                     for (var i = 0; i < dt.length; i++) {
                          var d = {};
                          
                          d["name"] = dt[i].name;
                         
                          d["value"] = dt[i].value;
                          mydata.push(d);
                          hzb.push(dt[i].name);
                          zzb.push(dt[i].value);
                      }
                     //alert("mydata"+mydata);
                     var myChart = echarts3.init(document.getElementById('main'));
                     //设置点击效果
                    
                     
                     
                     myChart.setOption({
                         title: {
                             text: ''
                         },
                         tooltip: {},
                         series: [{
                             type : 'wordCloud',  //类型为字符云
                                 shape:'smooth',  //平滑
                                 gridSize : 8, //网格尺寸
                                 size : ['50%','50%'],
                                 //sizeRange : [ 50, 100 ],
                                 rotationRange : [-45, 0, 45, 90,60,16], //旋转范围
                                 textStyle : {
                                     normal : {
                                         fontFamily:'微软雅黑',
                                         color: function() {
                                             return 'rgb(' + 
                                                 Math.round(Math.random() * 255) +
                                          ', ' + Math.round(Math.random() * 255) +
                                          ', ' + Math.round(Math.random() * 255) + ')'
                                                }
                                         },
                                     emphasis : {
                                         shadowBlur : 5,  //阴影距离
                                         shadowColor : '#333'  //阴影颜色
                                     }
                                 },
                                 left: 'center',
                                 top: 'center',
                                 right: null,
                                 bottom: null,
                                 '100%',
                                 height:'100%',
                                 data:mydata
                         }]
                     });    
                },
                    error : functio/
                    n() {
                        alert("请求失败");
                    },
               });
        
             
           
                     </script>        
</body>
</html>

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>热词分析及其可视化</title><script src="js/jquery.min.js"></script><script src="js/echart3.js"></script><script src="js/echarts-wordcloud.js"></script><style>   .table-a table{background:block} .table-a table td{border:1px solid #block;background:#FFe4e6;size=20px;}     #main{ 100%; height: 1500px;    border:1px solid #ddd; float:center; }    .right{70%; float:left; height:100%; } .left{30%; float:left; height:100%; } .font_bk{border:10px solid #ffe4e6;}     </style></head><body><div align="center"><a target='_blank' href="find1.jsp">返回主页面</a></div> <div id="main" align="center" style="height:300%;">    </div><div class="table-a" id="zhuzhuang" style="height:500%;">
<div class="left" align="center"> <table border="1" cellspacing="6" cellpadding="8" > <P></P> <P></P> <P></P> <h4>热词点击量统计图</h4> <P></P> <P></P> <P></P> <tr> <td>热词</td> <td>点击量（次）</td> </tr> <tr> <td>Learn</td> <td>782</td> </tr> <tr> <td>Deep</td> <td>680</td> </tr> <tr> <td>Image</td> <td>331</td> </tr> <tr> <td>Load</td> <td>310</td> </tr> <tr> <td>Network</td> <td>210</td> </tr> <tr> <td>Internet</td> <td>100</td> </tr> <tr> <td>Object</td> <td>104</td> </tr> <tr> <td>Detection</td> <td>221</td> </tr> <tr> <td>Age</td> <td>523</td> </tr>       </table> </div> <div class="right" align="center"> <h4>热词饼状统计图</h4> <img src="images/chart.jpg" style="height:540px;"> </div> </div><script type="text/javascript">
var dt; var hzb=new Array(0); var zzb=new Array(0);    $.ajax({ url : "servlet?method=reci", async : true, type : "POST", data : {     }, dataType : "json",     success : function(data) { dt = data;    var mydata = new Array(0); for (var i = 0; i < dt.length; i++) { var d = {};     d["name"] = dt[i].name;    d["value"] = dt[i].value; mydata.push(d); hzb.push(dt[i].name); zzb.push(dt[i].value); } //alert("mydata"+mydata); var myChart = echarts3.init(document.getElementById('main')); //设置点击效果           myChart.setOption({ title: { text: '' }, tooltip: {}, series: [{ type : 'wordCloud', //类型为字符云 shape:'smooth', //平滑 gridSize : 8, //网格尺寸 size : ['50%','50%'], //sizeRange : [ 50, 100 ], rotationRange : [-45, 0, 45, 90,60,16], //旋转范围 textStyle : { normal : { fontFamily:'微软雅黑', color: function() { return 'rgb(' +   Math.round(Math.random() * 255) + ', ' + Math.round(Math.random() * 255) + ', ' + Math.round(Math.random() * 255) + ')' } }, emphasis : { shadowBlur : 5, //阴影距离 shadowColor : '#333' //阴影颜色 } }, left: 'center', top: 'center', right: null, bottom: null, '100%', height:'100%', data:mydata }] });     }, error : functio/ n() { alert("请求失败"); }, });           </script>   </body></html>

查看全文

相关阅读:
mysql同步小问题
 通过 XtraBackup 实现不停机不锁表搭建主从同步
 grep -A -B选项详解和mysqlbinlog
MySQL存储过程中的3种循环
 mysql利用存储过程批量插入数据
 React routerV4 笔记
 数据结构算法基础定义
 网站性能优化
 去重除了indexOf的其他方法（使用对象Key的方法）及统计重复次数
 立即执行函数的两种写法及闭包

原文地址：https://www.cnblogs.com/marr/p/14905882.html