-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (130 loc) · 4.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>大屏数据可视化</title>
<style type="text/css">
* {margin:0;padding:0;}
.header {line-height:52px;text-align:center;font-size:24px;
color:rgb(255,229,86);background-color:#101f32;}
.wrapper {display:-webkit-flex;display:flex;justify-content:space-around;
flex-wrap:nowrap;margin:0 auto;max-width:1000px;min-width:600px;}
.case {display:block;width:50%;margin:15px;text-decoration:none;color:#101f32;}
.case h3 {margin-bottom:3px;font-size:16px;}
.case img {display:block;width:100%;}
</style>
</head>
<body>
<div class="header">大屏数据可视化</div>
<div class="wrapper">
<a class="case" href="case09/index.html" target="_blank">
<h3>项目案例 - 上市公司全景概览</h3>
<img class="thumb" src="case09/img/thumb.jpg" />
</a>
<a class="case" href="case07/index.html" target="_blank">
<h3>项目案例 - 上市公司地域分布</h3>
<img class="thumb" src="case07/img/thumb.jpg" />
</a>
</div>
<div class="wrapper">
<a class="case" href="case06/index.html" target="_blank">
<h3>旭日图 - 基于ECharts V4.2</h3>
<img class="thumb" src="case06/img/thumb.jpg" />
</a>
<a class="case" href="case08/index.html" target="_blank">
<h3>树图 - 基于ECharts V4.2</h3>
<img class="thumb" src="case08/img/thumb.jpg" />
</a>
</div>
<div class="wrapper">
<a class="case" href="case01/index.html" target="_blank">
<h3>地图数据可视化 - 基于ECharts Geo</h3>
<img class="thumb" src="case01/img/thumb.jpg" />
</a>
<a class="case" href="case02/index.html" target="_blank">
<h3>3D图表展示 - 基于ECharts GL</h3>
<img class="thumb" src="case02/img/thumb.jpg" />
</a>
</div>
<div class="wrapper">
<a class="case" href="case03/index.html" target="_blank">
<h3>热力图展示 - 基于ECharts & 百度地图</h3>
<img class="thumb" src="case03/img/thumb.jpg" />
</a>
<a class="case" href="case04/index.html" target="_blank">
<h3>ECharts扩展示例</h3>
<img class="thumb" src="case04/img/thumb.jpg" />
</a>
</div>
<div class="wrapper">
<a class="case" href="https://datav.aliyun.com/share/5a2335ee9571434e29acbe0eb19f2ea5" target="_blank">
<h3>阿里云DataV案例 - 智慧文旅驾驶舱</h3>
<img class="thumb" src="datav/datav1.jpg" />
</a>
<a class="case" href="https://datav.aliyun.com/share/36232cfef0b6a555a7c08d8a51fbd882" target="_blank">
<h3>阿里云DataV案例 - 企业实时销售大盘</h3>
<img class="thumb" src="datav/datav2.jpg" />
</a>
</div>
<div class="wrapper">
<a class="case" href="https://sugar.baidu.com/dashboard/58f5f1c06faf70694d3dc755230f874f" target="_blank">
<h3>百度Sugar案例 - 上交所上市公司全景概览</h3>
<img class="thumb" src="sugar/sugar1.jpg" />
</a>
<a class="case" href="https://sugar.baidu.com/dashboard/646639d470c66941baff68fe0dd020c8" target="_blank">
<h3>百度Sugar案例 - 深交所上市公司全景概览</h3>
<img class="thumb" src="sugar/sugar2.jpg" />
</a>
</div>
<div class="wrapper">
<a class="case" href="https://v.yuntus.com/cloudv/74b254c06afa8253def97a379528a15e" target="_blank">
<h3>腾讯云图案例 - 云计算服务监控</h3>
<img class="thumb" src="yuntu/yuntu1.jpg" />
</a>
<a class="case" href="https://v.yuntus.com/cloudv/efd5a1b1cb3016f2f4f96f63a23b3a5c" target="_blank">
<h3>腾讯云图案例 - 智慧零售门店数据(竖屏版)</h3>
<img class="thumb" src="yuntu/yuntu2.jpg" />
</a>
</div>
<div class="wrapper">
<a class="case" href="tpl01/index.html" target="_blank">
<h3>大屏模板</h3>
<img class="thumb" src="tpl01/img/thumb.jpg" />
</a>
<a class="case" href="tpl02/index.html" target="_blank">
<h3>大屏模板</h3>
<img class="thumb" src="tpl02/img/thumb.jpg" />
</a>
</div>
<div class="wrapper">
<a class="case" href="tpl03/index.html" target="_blank">
<h3>大屏模板</h3>
<img class="thumb" src="tpl03/img/thumb.jpg" />
</a>
<a class="case" href="tpl04/index.html" target="_blank">
<h3>大屏模板</h3>
<img class="thumb" src="tpl04/img/thumb.jpg" />
</a>
</div>
<div class="wrapper">
<a class="case" href="case10/index.html" target="_blank">
<h3>服务器资源监控</h3>
<img class="thumb" src="case10/img/thumb.png" />
</a>
<a class="case" href="case11/index.html" target="_blank">
<h3>服务器资源监控1</h3>
<img class="thumb" src="case11/img/thumb.png" />
</a>
</div>
<div class="wrapper">
<a class="case" href="case12/index.html" target="_blank">
<h3>苹果大数据应用平台</h3>
<img class="thumb" src="case12/static/img/thumb.png" />
</a>
<a class="case" href="case12/index.html" target="_blank">
<h3>苹果大数据应用平台</h3>
<img class="thumb" src="case12/static/img/thumb.png" />
</a>
</div>
</body>
</html>