103 lines
2.1 KiB
Smarty
103 lines
2.1 KiB
Smarty
{{template "base/base.html" .}}
|
|
{{define "meta"}}
|
|
<script type="text/javascript" src="/static/js/jquery-1.10.2.min.js"></script>
|
|
<script type="text/javascript" src="/static/highstock/js/highstock.js"></script>
|
|
<script type="text/javascript" src="/static/highstock/js/themes/grid.js"></script>
|
|
<script type="text/javascript" src="/static/highstock/js/modules/exporting.js"></script>
|
|
<script src="http://code.highcharts.com/highcharts.js"></script>
|
|
<script type="text/javascript">
|
|
$(function () {
|
|
chart1 = new Highcharts.StockChart({
|
|
chart: {
|
|
renderTo : 'graphe',
|
|
load : function () {
|
|
// set up the updating of the chart each second
|
|
var series = this.series[0];
|
|
setInterval(function () {
|
|
var x = (new Date()).getTime(), // current time
|
|
y = Math.round(Math.random() * 100);
|
|
series.addPoint([x, y], true, true);
|
|
}, 1000);
|
|
}
|
|
},
|
|
rangeSelector: {
|
|
buttons: [{
|
|
count: 3,
|
|
type: 'hour',
|
|
text: '3h'
|
|
},{
|
|
count: 6,
|
|
type: 'hour',
|
|
text: '6h'
|
|
},{
|
|
count: 12,
|
|
type: 'hour',
|
|
text: '12h'
|
|
}, {
|
|
count: 1,
|
|
type: 'day',
|
|
text: '1j'
|
|
}, {
|
|
count: 2,
|
|
type: 'day',
|
|
text: '2j'
|
|
}, {
|
|
count: 3,
|
|
type: 'day',
|
|
text: '3j',
|
|
}, {
|
|
count: 5,
|
|
type: 'day',
|
|
text: '5j'
|
|
}, {
|
|
count: 7,
|
|
type: 'day',
|
|
text: '7j'
|
|
}, {
|
|
count: 1,
|
|
type: 'month',
|
|
text: '1m'
|
|
}, {
|
|
type: 'all',
|
|
text: 'All'
|
|
}],
|
|
selected: 5
|
|
},
|
|
yAxis: {
|
|
title: {
|
|
text: 'Temperature (°C)'
|
|
}
|
|
},
|
|
xAxis: {
|
|
type: 'datetime'
|
|
},
|
|
scrollbar : {
|
|
enabled : false
|
|
},
|
|
legend : {
|
|
enabled : true,
|
|
layout: 'vertical',
|
|
verticalAlign : 'middle',
|
|
align : 'right'
|
|
},
|
|
series : [ {{.dataTemp}} ]
|
|
});
|
|
});
|
|
Highcharts.setOptions({
|
|
global: {
|
|
useUTC: false
|
|
}
|
|
});
|
|
</script>
|
|
{{end}}
|
|
|
|
{{define "extrajs"}}
|
|
{{end}}
|
|
|
|
{{define "body"}}
|
|
|
|
<center><h1>Temperatures</h1></center><br/>
|
|
<div id="graphe" class="col-md-10 col-md-offset-1"></div>
|
|
|
|
{{end}}
|