-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (82 loc) · 3.47 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="./node_modules/dygraphs/dist/dygraph.css">
<script type="text/javascript" src="./src/dygraphs/dist/dygraph.js"></script>
<script type="text/javascript" src="./src/dygraphs/src/extras/crosshair.js"></script>
<script type="text/javascript" src="./src/median-quickselect/src/median-quickselect.js"></script>
<!-- <style type="text/css"> .annotation {}</style> table { width: 100%; } -->
<style type="text/css">
.dygraph-legend {
width: auto !important;
min-width: 150px;
color: rgb(17, 17, 17);
background-color: #f0e6e6 !important;
padding-left:5px;
border-color:#BABABA;
border-style:solid;
border-width:thin;
transition:0s 4s;
z-index: 80 !important;
box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
border-radius: 3px;
}
.float-container { border: 1p; padding: 6px;}
.float-child1 { width: 15%; float: left; padding: 5px; }
.float-child2 { width: 80%; height: 600px; float: left; padding: 2px;}
</style>
</head>
<body>
<p>
<!-- <label for="myfile">Load file:</label> -->
<!-- <input id="myfile" type="file" value='' style="padding: 20px;" /> -->
<!-- <input id="adddata" type="checkbox" value="false"> <label for="adddata">add data from file</label> -->
<!-- <p> <input id="addfile" type="file" value=''/> </p> -->
<!-- <label for="xaxis">Choose x-axis:</label> -->
<!-- <select name="x" id="xaxis"> -->
<!-- <option value="distance">distance</option> -->
<!-- <option value="timestamp">time</option> -->
<!-- </select> -->
<font size=-1>  Move mouse to see values. Click and drag to zoom. Double-click to restore</font><br/>
</p>
<div class="float-container">
<div class="float-child1">
<span style="display:inline-block">
<label for="medfil1bin">Median filter size:</label>
<select name="mfs" id="medfil1bin" data-tip="This is the text of the tooltip2">
<option >5</option>
<option >4</option>
<option selected>3</option>
<option >2</option>
<option >1</option>
<option >0</option>
<option >30</option>
<option >60</option>
</select>
<br>  <br>
<input id="myfile" type="file" value='' style="padding: 0px; size: 120px" />
<br>  <br>
<!-- <label for="ylist">Add to the plot:</label> <br/> -->
<select multiple name="y" id="ylist" size=21 style="min-width: 100px; text-overflow: ellipsis">
<option disabled value=0 style="font-style: italic; font-weight: bold;"> Data to add: </option>
</select> <br/>
  <br>
<label for="yside" style="border: 1p;">y-axis:</label> <select name="yside" id="yside">
<option selected value='y'>left</option>
<option value='y2'>right</option>
</select style="padding: 5x;"><br/>
  <br>
<!-- <label for="ylist2">Remove from the plot:</label> <br/> -->
<select multiple name="y2" id="ylist2" size=8 style="min-width: 100px; text-overflow: ellipsis">
<option disabled value=0 style="font-style: italic; font-weight: bold;"> Remove: </option>
</select>
<br>
<input id="clean" type="button" value='Remove all'/>
</span>
</div>
<div class="float-child2" id="plotarea"></div>
<div class="dygraph-legend" id="legend" style="position:fixed; top:20px; right:0px;"></div>
</div>
</body>
<script type="text/javascript" src="./src/index.js"></script>
</html>