html fine tunes
Costa Tsaousis (ktsaou) committed
Apr 4, 2014 at 02:03 UTC
ed49af4935c416c6c6b3f537c1deb100260b15ef
1 file changed
+51
-19
web/index.html
+51
-19
@@ -64,6 +64,7 @@
64
mainchart.last_updated = 0;
65
66
if(mainchart.chartOptions.isStacked) mainchart.group = 15;
67
+ //mainchart.chartOptions.titlePosition = 'none';
68
69
// initialize the div
70
showChartIsLoading(mainchart.div, mainchart.chartOptions.width, mainchart.chartOptions.height);
@@ -90,15 +91,16 @@
91
92
if(m == "maximized") {
93
mainchart.chartOptions.theme = 'maximized';
93
- //mainchart.chartOptions.titlePosition = 'none';
94
//mainchart.chartOptions.axisTitlesPosition = 'in';
95
//mainchart.chartOptions.legend = {position: 'none'};
96
//mainchart.chartOptions.hAxis.title = null;
97
- //mainchart.chartOptions.hAxis.viewWindowMode = 'maximized';
98
- //mainchart.chartOptions.vAxis.viewWindowMode = 'maximized';
97
+ mainchart.chartOptions.hAxis.viewWindowMode = 'maximized';
98
+ mainchart.chartOptions.vAxis.viewWindowMode = 'maximized';
99
}
100
else {
101
mainchart.chartOptions.theme = null;
102
+ mainchart.chartOptions.hAxis.viewWindowMode = null;
103
+ mainchart.chartOptions.vAxis.viewWindowMode = null;
104
}
105
mainchart.last_updated = 0;
106
}
@@ -374,7 +376,7 @@
376
377
<div class="container graphs" id="maingraph_container" style="display: none">
378
<table>
377
- <tr><td><ol class="breadcrumb graphs"><li class="active"><div class="btn-group btn-group-sm"><button type="button" onclick="showThumbGraphs();" class="btn btn-default" data-toggle="tooltip" title="Close this chart and return to the index page."> ← Back </button></div><a id="maingraph_title" href="#maingraph"><b> Maingraph </b></a></li></ol></td></tr>
379
+ <tr><td><ol class="breadcrumb graphs"><li class="active"><div class="btn-group btn-group-sm"><button type="button" onclick="showThumbGraphs();" class="btn btn-default"> ← Back </button></div><a id="maingraph_title" href="#maingraph"><b> Maingraph </b></a></li></ol></td></tr>
380
<tr><td>
381
<div class="maingraph">
382
<table>
@@ -383,25 +385,55 @@
385
<div class="btn-group">
386
<form id="mainchartform">
387
<div class="btn-group" data-toggle="buttons">
386
- <button type="button" class="btn btn-default disabled"> Group </button>
387
- <label class="btn btn-primary" data-toggle="tooltip" title="show the MAX point among all points grouped"><input type="radio" name="groupmethod" id="groupmax" onChange="setMainChartGroupMethod('max');"><span class="glyphicon glyphicon-signal"></span></label>
388
- <label class="btn btn-primary" data-toggle="tooltip" title="show the AVERAGE of all points grouped"><input type="radio" name="groupmethod" id="groupaverage" onChange="setMainChartGroupMethod('average');"><span class="glyphicon glyphicon-align-justify"></span></label>
388
+ <label class="btn btn-primary" data-toggle="tooltip" title="show the MAX point among all points grouped">
389
+ <input type="radio" name="groupmethod" id="groupmax" onChange="setMainChartGroupMethod('max');">
390
+ <span class="glyphicon glyphicon-signal"></span>
391
+ </label>
392
+ <label class="btn btn-primary" data-toggle="tooltip" title="show the AVERAGE of all points grouped">
393
+ <input type="radio" name="groupmethod" id="groupaverage" onChange="setMainChartGroupMethod('average');">
394
+ <span class="glyphicon glyphicon-align-justify"></span>
395
+ </label>
396
</div>
397
<div class="btn-group" data-toggle="buttons" >
391
- <label class="btn btn-primary" data-toggle="tooltip" title="do not group points, show the raw data"><input type="radio" name="group" id="group1" onChange="setMainChartGroup(1);">1</label>
392
- <label class="btn btn-primary" data-toggle="tooltip" title="group in half, show 1 every 2 points of data"><input type="radio" name="group" id="group2" onChange="setMainChartGroup(2);">2</label>
393
- <label class="btn btn-primary" data-toggle="tooltip" title="group every 5 points of data"><input type="radio" name="group" id="group5" onChange="setMainChartGroup(5);">5</label>
394
- <label class="btn btn-primary" data-toggle="tooltip" title="group every 10 points of data"><input type="radio" name="group" id="group10" onChange="setMainChartGroup(10);">10</label>
395
- <label class="btn btn-primary" data-toggle="tooltip" title="group every 15 points of data"><input type="radio" name="group" id="group15" onChange="setMainChartGroup(15);">15</label>
396
- <label class="btn btn-primary" data-toggle="tooltip" title="group every 20 points of data"><input type="radio" name="group" id="group20" onChange="setMainChartGroup(20);">20</label>
397
- <label class="btn btn-primary" data-toggle="tooltip" title="group every 30 points of data"><input type="radio" name="group" id="group30" onChange="setMainChartGroup(30);">30</label>
398
- <label class="btn btn-primary" data-toggle="tooltip" title="group every 45 points of data"><input type="radio" name="group" id="group45" onChange="setMainChartGroup(45);">45</label>
399
- <label class="btn btn-primary" data-toggle="tooltip" title="group every 60 points of data"><input type="radio" name="group" id="group60" onChange="setMainChartGroup(60);">60</label>
398
+ <label class="btn btn-primary" data-toggle="tooltip" title="do not group points, show the raw data">
399
+ <input type="radio" name="group" id="group1" onChange="setMainChartGroup(1);">1
400
+ </label>
401
+
402
+ <label class="btn btn-primary" data-toggle="tooltip" title="group in half, show 1 every 2 points of data">
403
+ <input type="radio" name="group" id="group2" onChange="setMainChartGroup(2);">2
404
+ </label>
405
+
406
+ <label class="btn btn-primary" data-toggle="tooltip" title="group every 5 points of data">
407
+ <input type="radio" name="group" id="group5" onChange="setMainChartGroup(5);">5
408
+ </label>
409
+ <label class="btn btn-primary" data-toggle="tooltip" title="group every 10 points of data">
410
+ <input type="radio" name="group" id="group10" onChange="setMainChartGroup(10);">10
411
+ </label>
412
+ <label class="btn btn-primary" data-toggle="tooltip" title="group every 15 points of data">
413
+ <input type="radio" name="group" id="group15" onChange="setMainChartGroup(15);">15
414
+ </label>
415
+ <label class="btn btn-primary" data-toggle="tooltip" title="group every 20 points of data">
416
+ <input type="radio" name="group" id="group20" onChange="setMainChartGroup(20);">20
417
+ </label>
418
+ <label class="btn btn-primary" data-toggle="tooltip" title="group every 30 points of data">
419
+ <input type="radio" name="group" id="group30" onChange="setMainChartGroup(30);">30
420
+ </label>
421
+ <label class="btn btn-primary" data-toggle="tooltip" title="group every 45 points of data">
422
+ <input type="radio" name="group" id="group45" onChange="setMainChartGroup(45);">45
423
+ </label>
424
+ <label class="btn btn-primary" data-toggle="tooltip" title="group every 60 points of data">
425
+ <input type="radio" name="group" id="group60" onChange="setMainChartGroup(60);">60
426
+ </label>
427
</div>
428
<div class="btn-group" data-toggle="buttons" >
402
- <button type="button" class="btn btn-default disabled" > Chart </button>
403
- <label class="btn btn-primary" data-toggle="tooltip" title="NORMAL chart size"><input type="radio" name="chartmax" id="chartnormal" onChange="setMainChartMax('normal');"><span class="glyphicon glyphicon-resize-small"></span></label>
404
- <label class="btn btn-primary" data-toggle="tooltip" title="MAXIMIZED chart size"><input type="radio" name="chartmax" id="chartmax" onChange="setMainChartMax('maximized');"><span class="glyphicon glyphicon-fullscreen"></span></label>
429
+ <label class="btn btn-primary" data-toggle="tooltip" title="NORMAL chart size">
430
+ <input type="radio" name="chartmax" id="chartnormal" onChange="setMainChartMax('normal');">
431
+ <span class="glyphicon glyphicon-resize-small"></span>
432
+ </label>
433
+ <label class="btn btn-primary" data-toggle="tooltip" title="MAXIMIZED chart size">
434
+ <input type="radio" name="chartmax" id="chartmax" onChange="setMainChartMax('maximized');">
435
+ <span class="glyphicon glyphicon-fullscreen"></span>
436
+ </label>
437
</div>
438
</form>
439
</div>