-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathFARM_radio.html
executable file
·82 lines (62 loc) · 2.69 KB
/
FARM_radio.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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
<title>visibility</title>
<!--[if IE]>
<script type="text/javascript" src="../excanvas.js"></script>
<![endif]-->
<!--
For production (minified) code, use:
<script type="text/javascript" src="dygraph-combined.js"></script>
-->
<script type="text/javascript" src="dygraph-combined-dev.js"></script>
<script type="text/javascript" src="data.js"></script>
</head>
<body>
<h3>Click the check boxes to toggle series visibility</h3>
<div id="div_g" style="width:600px; height:300px;"></div>
<p><b>Show Series:</b></p>
<p>
<input type=checkbox id="0" onClick="change(this)">
<label for="0"> Temperature</label><br/>
<input type=checkbox id="1" checked onClick="change(this)">
<label for="1"> pH</label><br/>
<input type=checkbox id="2" checked onClick="change(this)">
<label for="2"> Conductivity</label><br/>
<input type=checkbox id="3" onClick="change(this)">
<label for="3"> DO</label><br/>
<input type=checkbox id="4" checked onClick="change(this)">
<label for="4"> Temp-Cor fDOM (QSU)</label><br/>
<input type=checkbox id="5" checked onClick="change(this)">
<label for="5"> Full-Cor fDOM (QSU)</label><br/>
<input type=checkbox id="6" checked onClick="change(this)">
<label for="6"> fDOM (QSU)</label><br/>
</p>
<p>g.visibility() = <span id="visibility"></span></p>
<script type="text/javascript">
g = new Dygraph(
document.getElementById("div_g"),
"Date,Temp_deg_C,pH_units,SpCond_uS_cm,HDO_mg_l,fdom_qsu_temp,fdom_turb_ife,CDOM_qsu\n"+
"2015-05-20T17:45:00.000Z,17.99,7.24,223.1,8.89,29.9233180265553,68.4172345122613,32.6689052339836\n"+
"2015-05-20T18:00:00.000Z,17.97,7.22,223.1,8.86,30.0960706723799,68.9158923926084,32.8661123547596\n"+
"2015-05-20T18:15:00.000Z,17.93,7.21,223.4,8.83,30.2608008286624,69.1397097211807,33.0633194755357\n"+
"2015-05-20T18:30:00.000Z,17.88,7.19,224.7,8.75,30.3336051129086,69.1840488466486,33.1645879970152\n"+
"2015-05-20T18:45:00.000Z,17.84,7.18,224.5,8.71,30.5467032978899,69.843348479825,33.4150943396226\n"+
"2015-05-20T19:00:00.000Z,17.81,7.17,224.4,8.66,30.6856697293159,70.3439686818059,33.5803219272999\n",
{
visibility: [false, true, true,false,false,false,false]
}
);
setStatus();
function setStatus() {
document.getElementById("visibility").innerHTML =
g.visibility().toString();
}
function change(el) {
g.setVisibility(parseInt(el.id), el.checked);
setStatus();
}
</script>
</body>
</html>