weiyong
/
201912G05


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252
							<!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>