12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>首页</title>
- <link rel="stylesheet" href="css/index.css" />
- <link rel="stylesheet" href="css/common.css" />
- <script type="text/javascript" src="js/echarts.js" ></script>
- <script type="text/javascript" src="js/jquery-1.12.4.js" ></script>
- </head>
- <body id="investmentRisk">
- <div id="container">
- <script type="text/javascript" src="js/common.js" ></script>
- <header></header>
-
- <nav>
- <a href="map2d.html">进入地图</a>
- <a href="study.html">动态数据</a>
- </nav>
-
- <main>4
- <div class="l">
- <div class="l-t">
- <div class="chart-wrap">
- <h3>计算机语言流行趋势</h3>
- <div class="chart" id="ec01_line_tiobe"></div>
- </div>
- </div>
-
- <div class="l-b">
- <div class="chart-wrap">
- <h3>深信学院面积图</h3>
- <div class="chart" id="ec02_area_accessSource"></div>
- </div>
- </div>
- </div>
-
- <div class="m">
- <div class="m-t">
- <div class="chart-wrap">
- <h3>一周时间分布</h3>
- <div class="chart" id="ec03_barV_timeDistribute"></div>
- </div>
- </div>
- <div class="m-b">
- <div class="chart-wrap">
- <h3>当电脑坏了的时候</h3>
- <div class="chart" id="ec04_pie_computerBroken"></div>
- </div>
- </div>
- </div>
- <div class="r">
- <div class="r-t">
- <div class="chart-wrap">
- <h3>养身式业余活动安排</h3>
- <div class="chart" id="ec05_lineBar_timeDistribute"></div>
- </div>
- </div>
- <div class="r-b">
- <div class="chart-wrap">
- <h3>在网上搜索资料</h3>
- <div class="chart" id="ec06_pie_findSong"></div>
- </div>
- </div>
- </div>
- </main>
- </div>
- <aside></aside>
- <script type="text/javascript" src="js/echarts-4.2.0.min.js" ></script>
- <script type="text/javascript" src="js/chartsCom.js" ></script>
- <script type="text/javascript" src="js/index.js" ></script>
- </body>
- </html>
|