<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>数据可视化</title>
<link rel="stylesheet" href="css/index.css" />
</head>
<body>
<!-- 头部的盒子 -->
<header>
<h1>数据可视化-ECharts</h1>
<div class="showTime"></div>
<script>
var t = null;
t = setTimeout(time, 1000); //開始运行
function time() {
clearTimeout(t); //清除定时器
dt = new Date();
var y = dt.getFullYear();
var mt = dt.getMonth() + 1;
var day = dt.getDate();
var h = dt.getHours(); //获取时
var m = dt.getMinutes(); //获取分
var s = dt.getSeconds(); //获取秒
document.querySelector(".showTime").innerHTML =
"当前时间：" +
y +
"年" +
mt +
"月" +
day +
"-" +
h +
"时" +
m +
"分" +
s +
"秒";
t = setTimeout(time, 1000); //设定定时器，循环运行
}
</script>
&
</header>
<!-- 页面主体部分 -->
<section class="mainbox">
<div class="column">
<div class="panel bar">
<h2>柱形图-就业行业</h2>
<div class="chart"></div>
<div class="panel-footer"></div>
</div>
<div class="panel line">
<h2>
折线图-人员变化 <a href="javacript:;">2020</a
><a href="javascript:;">2021</a>
</h2>
<div class="chart">图表</div>
<div class="panel-footer"></div>
</div>
<div class="panel pie">
<h2>饼形图-年龄分布</h2>
<div class="chart">图表</div>
<div class="panel-footer"></div>
</div>
</div>
<div class="column">
<!-- no模块制作 -->
<div class="no">
<div class="no-hd">
<ul>
<li>125811</li>
<li>100000</li>
</ul>
</div>
<div class="no-bd">
<ul>
<li>前端需求人数</li>
<li>市场供应人数</li>
</ul>
</div>
</div>
<!-- 地图模块 -->
<div class="map">
<div class="map1"></div>
<div class="map2"></div>
<div class="map3"></div>
<div class="chart"></div>
</div>
</div>
<div class="column">
<div class="panel bar2">
<h2>柱形图-就业行业</h2>
<div class="chart">图表</div>
<div class="panel-footer"></div>
</div>
<div class="panel line2">
<h2>折线图-播放量</h2>
<div class="chart">图表</div>
<div class="panel-footer"></div>
</div>
<div class="panel pie2">
<h2>饼形图-地区分布</h2>
<div class="chart">图表</div>
<div class="panel-footer"></div>
</div>
</div>
</section>
<script src="js/flexible.js"></script>
<script src="js/echarts.min.js"></script>
<!-- 先引入jquery -->
<script src="js/jquery.js"></script>
<!-- 必须先引入china.js 这个文件 因为中国地图需要 -->
<script src="js/china.js"></script>
<script src="js/index.js"></script>
</body>
</html>
数据大屏数据大屏数据大屏数据大屏数据大屏数据大屏数据大屏数据大屏数据大屏数据大屏数据大屏
需积分: 5 107 浏览量
2023-09-01
15:50:03
上传
评论
收藏 6.61MB RAR 举报
数据大屏数据大屏数据大屏数据大屏数据大屏数据大屏数据大屏数据大屏数据大屏数据大屏数据大屏 （118个子文件） 
0254f83d5258fc1aa5792b9e01105f44f231f4 233B 0373780862bb150e9c99f4c69cb6442cf4fccc 1.44MB 0e0eed113dc307f3930da61f7e36e910cdb2b3 2KB 0f547fef769d8f218ea5c7f3e4019fb54d5fe3 96B 13e69cecf4afc27030c8413ef70eb56f2bc002 94B 144ae5e20ef1b5b2b1370778eb9fd159100473 87KB 1a07f8e8099c5a1918af89548966f8a18de760 96B 2252109316fd3b014c39dba03f77de5d6e2739 195KB 260e21b94c6d61acfd2349c00752910009c4ce 79B 27634119c2c6d6a1e0e9310c6fd8b9839cb080 110B 2a5e7928336ea2dccd17d730557d0415c59e10 8KB 2ea789695ee0ee63b12cc812dcdee2b312a7f4 1KB 32df37f65664711ca5b3c883883c7c3703fdc7 636B 36545f160a21d7c19bdc4294c0cc30c7fc304d 246B 3824aca0f7fe24efee2216b1dbb7ff03a607fa 254B 38288986bc29e7cc9883cfe248375ca2eedd48 301KB 3d78e6d125d7cc24be0de18ab005507b2ee98a 536B 4bf84f327952e3bec211c3a5343f8c3e0d022d 4KB 4dbdcb3ba3e0f450f5c9c37c45b1a88e107130 25KB 4ed9a09840a44aba64b26f534a979c08d412b5 14KB 50e8a1aa0a9e9ceabc814ee10e195ccfe9bfa8 2KB 5f0bc0882b577390161ad81941bd9977418c24 23KB 6298d33c55bc9c2e6fd5da6a1e803815652fd2 169B 642f982e7ee18d1c110285679323e2ef6d23d9 10KB 65d6aaa1ed656a09fbb613c02b9e5faf31442f 4KB 65d9209fdfee9dd7fc34f0b8285e836798f054 81B 7459fdaf3d660134d10cdd0379c14bb1fd184d 35KB 7a33d5b0703300b7668b8a6783c1a1dde06244 214B 7ccbc77e9ed936fd11bcbf695b5bfa4c3a0411 170B 8287a86aa7100075ab748bc29d8be98badfc56 169B 879467845d70f4f25d80ef0fa8f973a81758eb 145KB 883b75271d701c408c1ededa7e7e346f6a7d15 56B 883d1cd028397394e3d244578e61d740ed95d0 287KB 8869647c90482b98abb4910ac0712ef055e627 7KB 8b4498da2773674e5b9743f5d2b18b318f5700 47B 9983b798e0605cd5f348524ab4e41be201b650 79B 9cff5993d5f4a78e1409bf22b3f1e4f385c342 7KB 9e0681330be516b63bb5bcc0440a07ed40de74 2KB a24cdb022a80c4713ca5f8e64118b2a98fb6f4 184B b13bb221e22da15d40e1e8192d922d5befd9dc 160KB b5cb06594704eefc272fbd0c1aef14df8cbe33 71KB b6038fc636bfd492ff22b88acdb1f8b07ac775 1KB ca4054fdedeca411bec6a0bf3a7a7871a6c603 1KB cd85301c47cc394ba9afce060fab7139ce31f8 1KB config 316B index.css 5KB index.css 5KB d9ab1237c61d675c38599bcaaa063b7de5bb12 34KB db7f8f41070103fdbd85e844a89dafad455055 2KB dc63450cf2b42f8c2d57191093e9b452bea50c 14KB description 73B e017a2f8e53327a4fc4992833e32b2bfde0ab1 82B e2450a88d3621dcad7f252ccda942b9005ce93 1KB e45f6911fa3d1616d0b75a122161a3896aa3c4 7KB exclude 240B f155ecc0c2032537cb1803163d8ec021f5ec8e 155B fb21555dce25b9fbb27e81adaaedfb69b20e00 79KB FETCH_HEAD 111B HEAD 196B HEAD 196B HEAD 32B HEAD 23B
index.html 4KB index.html 3KB ECharts配置说明.html 3KB ECharts使用步骤.html 1KB index 4KB
bg.jpg 252KB bg.jpg 252KB border.jpg 16KB echarts.min.js 727KB echarts.min.js 727KB china.js 137KB china.js 137KB jquery.js 82KB jquery.js 82KB index.js 26KB index.js 16KB myMap.js 9KB flexible.js 1KB flexible.js 1KB index.less 5KB index.less 5KB master 196B master 41B 数据可视化.md 42KB packed-refs 114B
123.png 1.44MB map.png 302KB map.png 302KB 1576664444951.png 199KB 1576483576664.png 148KB lbx.png 81KB lbx.png 81KB jt.png 72KB jt.png 72KB qg.png 38KB 1576753894731.png 28KB 1576753693537.png 26KB head_bg.png 8KB共 118 条
- 1
- 2
资源评论
