-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
129 lines (120 loc) · 7.94 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
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>marine data</title>
<link rel="icon" href="asset/img/web-logo2.png">
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="css/toggle.css">
<link rel="stylesheet" href="css/color.css">
<!-- 字体引入 -->
<link href="https://fonts.font.im/css?family=Noto+Sans" rel="stylesheet">
<!-- iconfont - -->
<script src="https://at.alicdn.com/t/font_2523255_scm7dd2wljd.js"></script>
<style type="text/css">
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
</style>
</head>
<body class="color-white" id="bd">
<nav id="nav">
<div class="nav-box">
<h1 id="title">Marine Data
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-icodata1"></use>
</svg>
</h1>
<div class="toggle">
<p id="lightenText" class="toggle-text">light</p>
<div id="toggleBtn" class="toggle-btn">
<div class="inner-circle"></div>
</div>
<p id="darkenText" class="toggle-text unselected">dark</p>
</div>
</div>
</nav>
<hr class="hr-top" />
<section class="chart rtData">
<h2>实时数据
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shishishuju"></use>
</svg>
</h2>
<div class="box">
<div id="echart-line" style="width: 400px;height:400px"></div>
<div id="echart-normal" style="width: 400px;height:400px;"></div>
</div>
<div class="box">
<div id="air-temperature" style="width: 400px;height:400px"></div>
<div id="echart-nightingale" style="width: 400px;height:400px"></div>
</div>
</section>
<section class="chart stData" id="stData">
<h2>统计数据
<svg class="icon" aria-hidden="true"><use xlink:href="#icon-tongjishuju"></use></svg>
</h2>
<div class="box">
<div id="echart-all" style="width: 700px;height:500px;"></div>
</div>
<div class="box">
<div id="echart-data" style="width: 700px;height:500px;"></div>
</div>
</section>
<hr class="hr-bottom" />
<footer class="trademark" id="trademark">
<p>
<span>友情链接:</span>
<!-- <span><a href="http://chartjs.cn/">chart.js</a></span> -->
<span>
<a href="./html/main.html" target="_blank">
<!-- 子页面 -->
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-fengsu"></use>
</svg>
</a>
</span>
<span><a href="https://echarts.apache.org/zh/index.html" target="_blank"><svg class="icon"
aria-hidden="true">
<use xlink:href="#icon-echarts"></use>
</svg></a></span>
<!-- <span><a href="https://www.highcharts.com">highcharts</a></span> -->
<!-- <span><a href="">d3</a></span> -->
<span>
<a href="http://42.193.131.94/#/">
<!-- 42.193.131.94 -->
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-vue"></use>
</svg>
</a>
</span>
<span>
<a href="./sub/card/index.html" target="_blank">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-card"></use>
</svg>
</a>
</span>
</p>
<p><small>© 2021 Kart Jim, Inc.</small></p>
</footer>
<a class="to-top" href="#nav">
<svg t="1633425738824" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2406" data-spm-anchor-id="a313x.7781069.0.i3" width="48" height="48">
<path d="M511.58528 470.08768v0.04608zM909.69088 609.0752c0-105.49248-41.16992-204.57472-113.34144-278.59456-8.61184-8.81152-24.4224-14.14656-33.2288-5.53984-8.81664 8.6016-7.42912 21.61152 1.17248 30.42304 64.11264 65.75616 104.82176 149.05856 104.82176 251.78112s-40.16128 185.93792-104.82176 251.78112c-8.64768 8.81152-9.40032 22.53312-0.62464 31.1808 8.76544 8.64256 23.03488 7.3472 31.68256-1.41824 72.8064-74.11712 114.29888-173.60896 114.29888-279.60832h0.04096zM230.26176 324.85376C155.68896 399.21664 111.58528 501.6064 111.58528 609.03424c0 109.23008 44.14976 211.49696 120.89856 286.15168a22.28736 22.28736 0 0 0 31.55968-0.46592 22.28736 22.28736 0 0 0-0.4608-31.55456c-68.18816-66.304-107.38688-157.07136-107.38688-254.1312 0-95.46752 37.93408-187.6224 104.15104-253.71648 8.73472-8.68352 8.68864-21.77536 0-30.50496-13.3376-13.3888-30.12608 0-30.12608 0l0.04096 0.04096zM512.42496 242.89792c-36.0192 0-65.2544 29.2352-65.2544 65.2544s29.2352 65.2544 65.2544 65.2544 65.2544-29.2352 65.2544-65.2544-29.2352-65.2544-65.2544-65.2544z m0 99.79392c-19.04128 0-34.5344-15.49312-34.5344-34.5344s15.49312-34.5344 34.5344-34.5344c19.0464 0 34.5344 15.49312 34.5344 34.5344s-15.488 34.5344-34.5344 34.5344zM497.68448 743.74144h26.86976c4.56704-43.93984 7.84384-88.08448 9.35936-118.30272 6.83008-135.46496-19.3792-138.96704-23.01952-138.76736-3.67104-0.2048-29.88544 3.1488-22.8096 138.69056 1.58208 30.22848 4.94592 74.40896 9.6 118.37952zM478.72 892.96896a17.06496 17.06496 0 1 1-34.12992 0v-119.41888a17.06496 17.06496 0 1 1 34.12992 0v119.41888zM528.02048 956.58496a17.06496 17.06496 0 1 1-34.12992 0v-183.03488a17.06496 17.06496 0 0 1 34.12992 0v183.03488zM581.94432 849.07008a17.06496 17.06496 0 1 1-34.12992 0v-75.52a17.06496 17.06496 0 1 1 34.12992 0v75.52zM511.54432 439.46496v0.26624-0.26624z" p-id="2407" data-spm-anchor-id="a313x.7781069.0.i1" class="selected" fill="#1296db"></path><path d="M670.848 417.10592c2.49344-3.15904 50.11456-198.07744-158.55104-392.20736v0.08192C303.78496 218.88 353.80224 414.65856 353.80224 414.65856c-163.9936 158.40768-45.952 329.04192-45.952 329.04192 28.83072-104.6272 95.46752-136.55552 95.46752-136.55552 12.42112 48.08704 60.09344 136.50432 60.09344 136.50432l30.12608 0.0512c-11.12064-45.99808-17.96096-159.88736-17.96096-159.88736-6.29248-105.53856 36.00384-113.72544 36.00384-113.72544l-0.00512-2.72384v2.67776s42.3424 8.31488 36.25984 113.80736c0 0-6.58944 113.8944-17.59232 159.8464l30.13632 0.04096s44.94336-88.58624 57.1904-136.64256c0 0 73.14944 32.2304 102.02112 131.13856 0.01024 0.01024 112.7936-170.47552-48.7424-321.1264z m44.3392 211.76832c-0.3584 2.74432-0.76288 5.44768-1.20832 8.10496-36.59264-47.75936-77.37344-66.25792-79.88224-67.36384l-44.26752-19.50208-0.65536 2.5856c-3.80416-104.20224-57.9328-120.53504-69.69856-122.84416l-15.67744 0.02048c-12.1344 2.34496-69.248 19.46112-69.79584 132.29568l-3.48672-13.48608-44.9024 21.51424c-2.31424 1.11104-40.15616 19.79392-74.66496 69.65248-9.14432-53.08928-1.39776-125.50656 71.30624-195.7376l17.12128-16.5376-5.89312-23.06048c-1.5616-6.49216-35.85536-158.58688 118.85056-321.9712 140.93824 148.79744 125.85472 287.69792 120.87296 316.1344l-17.88416 22.65088 27.59168 25.728c56.77056 52.95104 81.08544 114.11968 72.27392 181.81632z" p-id="2408" data-spm-anchor-id="a313x.7781069.0.i0" class="selected" fill="#1296db"></path>
</svg>
</a>
<script src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
<script src="./asset/js/echart.js"></script>
<script src="./asset/js/echart2.js"></script>
<script src="./asset/js/toggle.js"></script>
<script src="./asset/js/index.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>-->
</body>
</html>