|
|
@@ -0,0 +1,252 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <title>詹皇数据分析</title>
|
|
|
+ <link rel="stylesheet" href="icon/iconfont.css">
|
|
|
+ <link rel="stylesheet" href="css/BA_index.css">
|
|
|
+ <link rel="icon" href="img/title.ico">
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <!-- 顶部 -->
|
|
|
+ <!-- 背景图 -->
|
|
|
+ <div class="bg"></div>
|
|
|
+ <header>
|
|
|
+ <div class="content">
|
|
|
+ <a href=""></a>
|
|
|
+ <a href=""></a>
|
|
|
+
|
|
|
+ <img src="img/James.png" alt="">
|
|
|
+ <div class="box">
|
|
|
+ 勒布朗-詹姆斯<br>
|
|
|
+ 数据分析
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </header>
|
|
|
+ <div class="info">
|
|
|
+ <div class="James">
|
|
|
+ <div class="shuzi">
|
|
|
+ <strong>23</strong>
|
|
|
+ </div>
|
|
|
+ <img src="img/James.png" style="margin-left: 40px;">
|
|
|
+ <img src="img/LAL_logo.svg" style="float: right;height:100px;width: 100px;margin-top: 30px;">
|
|
|
+ <div class="font1">
|
|
|
+ 2.06 / 113.4 公斤<br>
|
|
|
+ 生日: 1984-12-30<br>
|
|
|
+ 选秀: 2003<br>
|
|
|
+ 经历: 16 年<br>
|
|
|
+ 加入NBA之前: No College/<br>
|
|
|
+ United States<br>
|
|
|
+ </div>
|
|
|
+ <div class="font2">
|
|
|
+ LeBron-James<br>
|
|
|
+ <h2>勒布朗-詹姆斯</h2><br>
|
|
|
+ 前锋 / 洛杉矶 湖人<br>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <!-- 导航栏 -->
|
|
|
+ <div id="banner">
|
|
|
+ <div class="content">
|
|
|
+ <li><a href="">柱状图</a></li>
|
|
|
+ <li><a href="">折线图</a></li>
|
|
|
+ <li><a href="">饼图</a></li>
|
|
|
+
|
|
|
+ <div class="more">
|
|
|
+ <span class="iconfont icon-gengduo-2"></span>
|
|
|
+ <div class="more_list">
|
|
|
+ <h6 style="color:skyblue">2016~2019年,詹皇与戴维斯场均得分</h6>
|
|
|
+ <table class="datatable" cellspacing=0>
|
|
|
+ <tr style="background: steelblue;">
|
|
|
+ <td>场均得分</td>
|
|
|
+ <td>詹皇</td>
|
|
|
+ <td>戴维斯</td>
|
|
|
+ <td>联盟平均得分</td>
|
|
|
+ <!-- <td>2019</td> -->
|
|
|
+ </tr>
|
|
|
+ <tr style="background: white;">
|
|
|
+ <!-- <td></td> -->
|
|
|
+ <td>2016</td>
|
|
|
+ <td>27.5</td>
|
|
|
+ <td>27.4</td>
|
|
|
+ <td>25.9</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="background: white;">
|
|
|
+ <!-- <td></td> -->
|
|
|
+ <td>2017</td>
|
|
|
+ <td>27.5</td>
|
|
|
+ <td>27.4</td>
|
|
|
+ <td>25.9</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="background: white;">
|
|
|
+ <!-- <td></td> -->
|
|
|
+ <td>2018</td>
|
|
|
+ <td>27.5</td>
|
|
|
+ <td>27.4</td>
|
|
|
+ <td>25.9</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="background: white;">
|
|
|
+ <!-- <td></td> -->
|
|
|
+ <td>2019</td>
|
|
|
+ <td>27.5</td>
|
|
|
+ <td>27.4</td>
|
|
|
+ <td>25.9</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <!-- 场均得分统计 -->
|
|
|
+ <!-- <table class="datatable" cellspacing=0>
|
|
|
+ <tr style="background: steelblue;">
|
|
|
+ <td>赛季场均得分</td>
|
|
|
+ <td>勒布朗-詹姆斯</td>
|
|
|
+ <td>安东尼 戴维斯</td>
|
|
|
+ <td>联盟</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="background: white;">
|
|
|
+ <td>2016</td>
|
|
|
+ <td>26.4</td>
|
|
|
+ <td>28.0</td>
|
|
|
+ <td>10.4</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="background: white;">
|
|
|
+ <td>2017</td>
|
|
|
+ <td>27.5</td>
|
|
|
+ <td>28.1</td>
|
|
|
+ <td>9.8</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="background: white;">
|
|
|
+ <td>2018</td>
|
|
|
+ <td>27.4</td>
|
|
|
+ <td>25.9</td>
|
|
|
+ <td>12.1</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="background: white;">
|
|
|
+ <td>2019</td>
|
|
|
+ <td>25.9</td>
|
|
|
+ <td>27.4</td>
|
|
|
+ <td>11.8</td>
|
|
|
+ </tr>
|
|
|
+ </table> -->
|
|
|
+ <!-- 个人得分统计 -->
|
|
|
+ <!-- <table class="datatable" cellspacing=0>
|
|
|
+ <tr style="background: steelblue;">
|
|
|
+ <td>球队个人得分贡献</td>
|
|
|
+ <td>勒布朗-詹姆斯</td>
|
|
|
+ <td>安东尼 戴维斯</td>
|
|
|
+ <td>球队</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="background: white;">
|
|
|
+ <td></td>
|
|
|
+ <td>25.9</td>
|
|
|
+ <td>27.4</td>
|
|
|
+ <td>104.6</td>
|
|
|
+ </tr>
|
|
|
+ </table> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 工具箱 -->
|
|
|
+ <div class="tools">
|
|
|
+ <span class="iconfont icon-UI_icon_gongjuxiang"></span>
|
|
|
+ <div class="lis lineList">
|
|
|
+ <input type="text" placeholder="请输入名字">
|
|
|
+ <input type="number" placeholder="请输入年份" style="border-top: none;">
|
|
|
+ <input type="number" placeholder="请输入值" style="border-top: none;">
|
|
|
+ <button>增加</button><br><br>
|
|
|
+ <input type="text" placeholder="请输入名字">
|
|
|
+ <input type="number" placeholder="请输入年份" style="border-top: none;">
|
|
|
+ <button>删除</button><br><br>
|
|
|
+ <input type="text" placeholder="请输入名字">
|
|
|
+ <input type="number" placeholder="请输入年份" style="border-top: none;">
|
|
|
+ <input type="number" placeholder="请输入值" style="border-top: none;">
|
|
|
+ <button>修改</button>
|
|
|
+ </div>
|
|
|
+ <div class="lis pieList">
|
|
|
+ <input type="text" placeholder="请输入名字">
|
|
|
+ <input type="number" placeholder="请输入值" style="border-top: none;">
|
|
|
+ <button class="changePie" style="position: absolute; top:0">修改</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 内容区 -->
|
|
|
+ <div id="content">
|
|
|
+ <!-- 柱状图 -->
|
|
|
+ <div id="bar"></div>
|
|
|
+ <!-- 饼状图 -->
|
|
|
+ <div class="pie_graph">
|
|
|
+ <div id="pie">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 折线图 -->
|
|
|
+ <div id="line"></div>
|
|
|
+
|
|
|
+ <!-- 数字数据 -->
|
|
|
+ <div class="digital">
|
|
|
+ <h3 style="color:skyblue">2016~2019年,詹皇与戴维斯场均得分</h3>
|
|
|
+ <table class="datatable" cellspacing=0>
|
|
|
+ <tr style="background: steelblue;">
|
|
|
+ <td>年份</td>
|
|
|
+ <td>詹皇</td>
|
|
|
+ <td>戴维斯</td>
|
|
|
+ <td>联盟平均得分</td>
|
|
|
+ <!-- <td>2019</td> -->
|
|
|
+ </tr>
|
|
|
+ <tr style="background: white;">
|
|
|
+ <!-- <td></td> -->
|
|
|
+ <td>2016</td>
|
|
|
+ <td>27.5</td>
|
|
|
+ <td>27.4</td>
|
|
|
+ <td>10.3</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="background: white;">
|
|
|
+ <!-- <td></td> -->
|
|
|
+ <td>2017</td>
|
|
|
+ <td>27.5</td>
|
|
|
+ <td>27.4</td>
|
|
|
+ <td>9.5</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="background: white;">
|
|
|
+ <!-- <td></td> -->
|
|
|
+ <td>2018</td>
|
|
|
+ <td>27.5</td>
|
|
|
+ <td>27.4</td>
|
|
|
+ <td>11</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="background: white;">
|
|
|
+ <!-- <td></td> -->
|
|
|
+ <td>2019</td>
|
|
|
+ <td>27.5</td>
|
|
|
+ <td>27.4</td>
|
|
|
+ <td>10.5</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <!-- 交互图 -->
|
|
|
+ <div id="rect"></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 底部 -->
|
|
|
+ <footer>
|
|
|
+ <span>深圳信息职业技术学院</span><br>
|
|
|
+ <span>湖人总冠军</span>
|
|
|
+ <img src="img/sziit.png" alt="">
|
|
|
+ </footer>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <script src="echartsjs/echarts.js"></script>
|
|
|
+ <script src="js/jquery-3.4.1.js"></script>
|
|
|
+ <script src="https://echarts.baidu.com/dist/echarts-gl.min.js"></script>
|
|
|
+ <script type="text/javascript" src="http://echarts.baidu.com/build/dist/echarts.js"></script>
|
|
|
+ <script src="js/amcharts.js"></script>
|
|
|
+ <script src="js/pie.js"></script>
|
|
|
+ <script src="js/serial.js"></script>
|
|
|
+ <script src="echartsjs/ecStat.js"></script>
|
|
|
+ <script src="js/BA_index.js"></script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
