forked from hobbyquaker/CCU-IO-Highcharts
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (122 loc) · 5.13 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
<title>CCU.IO-Highcharts</title>
<link rel="stylesheet" type="text/css" href="css/charts.css"/>
<link rel="stylesheet" type="text/css" href="../lib/css/themes/jquery-ui/overcast/jquery-ui.css"/>
<script src="../lib/js/jquery-1.10.2.min.js"></script>
<script src="../lib/js/jquery-ui-1.10.3.full.min.js"></script>
<script src="../auth/auth.js"></script>
<script src="../socket.io/socket.io.js"></script>
<!--<script src="../lib/js/highstock/highstock-1.3.9.js"></script>-->
<script src="js/highstock-1.3.10.js"></script>
<!--<script src="../lib/js/highstock/exporting-1.3.9.js"></script>-->
<script src="js/exporting-1.3.10.js"></script>
<script type="text/javascript" src="../lang/lang.js"></script>
</head>
<body>
<div id="title">
<span style="font-size:16px; font-style: italic;">CCU.IO-Highcharts <span class="chart-version"></span></span><br/>
<!--<span style="font-size:10px;"><span id="count_dp"></span> Datenpunkte, <span id="count_val"></span> Werte</span>-->
</div>
<div id="chart"></div>
<div id="loader" style="display:none">
<div style="padding-top:10px" id="loader_output">
<div style="width: 240px" class="progressbar"></div>
<span style="display:inline-block; height: 24px;">
<input type="button" class="loader-buttons translateV" value="not load" id="cuxchart_skip" style="display:none;"/>
</span>
<br/>
<div id="loader_output2"></div>
</div>
</div>
<div id="loader_small" style="vertical-align: middle; text-align: center; z-index:500; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0 auto; ">
<span class="ajax-loader-progress"><div class="progressbar"></div></span>
</div>
<div id="edit_dialog" style="display: none" class="translateT" title="Series settings">
<table>
<input type="hidden" id="series_index"/>
<input type="hidden" id="series_dp"/>
<h4 id="seriesName"></h4>
<tr>
<td class="translate">Color</td>
<td>
<input type="text" id="color"/>
</td>
</tr>
<tr>
<td class="translate">Line width</td>
<td>
<input type="number" id="lineWidth"/>
</td>
</tr>
<tr>
<td class="translate">Selection</td>
<td>
<select class="edit-select" id="marker">
<option value="false" class="translate">hide</option>
<option value="true" class="translate">show</option>
</select>
</td>
</tr>
<tr>
<td class="translate">Line type</td>
<td>
<select class="edit-select" id="lineType">
<option value="line" class="translate">line</option>
<option value="spline" class="translate">spline</option>
<option value="area" class="translate">area</option>
<option value="areaspline" class="translate">areaspline</option>
<option value="scatter" class="translate">scatter</option>
<option value="bar" class="translate">bar</option>
<option value="column" class="translate">column</option>
</select>
</td>
</tr>
<tr>
<td class="translate">Steps</td>
<td>
<select class="edit-select" id="step">
<option value="null" class="translate">deactivated</option>
<option value="left" class="translate">left</option>
<option value="center" class="translate">middle</option>
<option value="right" class="translate">right</option>
</select>
</td>
</tr>
<tr>
<td class="translate">Aggregation</td>
<td>
<select class="edit-select" id="grouping">
<option value="false" class="translate">deactivated</option>
<option value="average" class="translate">average</option>
<option value="high" class="translate">maximum</option>
</select>
</td>
</tr>
<tr>
<td class="translate">Y-axis</td>
<td>
<select class="edit-select" id="axis">
<option value="0" class="translate">left</option>
<option value="1" class="translate">right</option>
</select>
</td>
</tr>
</table>
</div>
<script src="js/config.js"></script>
<script src="js/charts.js"></script>
<script type="text/javascript">
//chart.translateAll();
jQuery(document).ready(function () {
// If no datapoint selected, go to menu.html
if (window.location.href.indexOf('?') == -1 || window.location.href.indexOf('dp=') == -1) {
window.location.href = "/charts/menu.html";
} else {
chart.connect();
}
});
</script>
</body>
</html>