GitHub/zTC1
1
0
Fork 0
mirror of https://github.com/oopuuu/zTC1.git synced 2025-12-11 04:28:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

彩色图表

Browse Source
This commit is contained in:
zogodo
2019-10-11 12:47:15 +08:00
parent 54c72f82cb
commit 8121b61ebd
1 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
TC1/http_server/index.html
View File

@@ -19,9 +19,13 @@
.connect div{padding:5px;}
.right{text-align:right;}
.line{height:9px;border-bottom:1px solid #dedede;}
.line_0{border:none;height:8px;}
.line_3{border-color:#00ff0a;}
.line_5{border-color:#ff9b00;}
.line_8{border-color:red;}
#power_div{margin-top:10px;border-left:1px solid #000;border-bottom:1px solid #000;}
#power_line{height:100px;position:relative;overflow:scroll;margin-top:-100px;}
.power_pre{position:absolute;bottom:0;float:left;height:76px;width:0;border-left:1px solid #000;border-right:1px solid #000;}
.power_pre{position:absolute;bottom:0;float:left;height:76px;width:0;border-left:1px solid #00ffff80;}
.power_by{text-align:center;}
.power_by a{text-decoration:none;}
</style>
@@ -68,17 +72,17 @@
<fieldset class="chart">
<legend>Power Status</legend>
<div id="power_div">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line line_10"></div>
<div class="line line_9"></div>
<div class="line line_8"></div>
<div class="line line_7"></div>
<div class="line line_6"></div>
<div class="line line_5"></div>
<div class="line line_4"></div>
<div class="line line_3"></div>
<div class="line line_2"></div>
<div class="line line_1"></div>
<div class="line line_0"></div>
</div>
<div id="power_line">
<!-- <div class="power_pre" style="height:70px;left:20px;"></div> -->
@@ -227,7 +231,7 @@ function GetPowerRecord() {
var html = "";
for (var i = 0; i < power.powers.length; i++) {
html += "<div class='power_pre' style='height:"+power.powers[i]+"px;left:"+position+"px;'></div>";
position += 3;
position += 1;
}
if (power.powers.length != 0) {
power_line.innerHTML += html;