44 lignes
Pas d'EOL
1,4 Kio
HTML
44 lignes
Pas d'EOL
1,4 Kio
HTML
<script type="text/javascript" src="res/dygraph.min.js"></script>
|
|
<link rel="stylesheet" src="res/dygraph.css" />
|
|
<style type="text/css" title="design">
|
|
.dygraph-legend{margin-top: 18em;}
|
|
</style>
|
|
<div id="graphdiv" style="width:100%; height:300px;"></div>
|
|
<script type="text/javascript">
|
|
window.onload = function () {
|
|
legendFormatter = function(data) {
|
|
if (data.x == null) {return 'Température IPMI';}
|
|
var html = '<b>' + new Date(data.xHTML).toLocaleString(); + '</b> ';
|
|
data.series.forEach(function (series) {
|
|
if (!series.isVisible)
|
|
return;
|
|
var labeledData = series.labelHTML + ': ' + series.yHTML;
|
|
if (series.isHighlighted) {labeledData = '<b>' + labeledData + '</b>';}
|
|
html += series.dashHTML + ' ' + labeledData + ' ';
|
|
});
|
|
return html;
|
|
},
|
|
|
|
g = new Dygraph(
|
|
document.getElementById("graphdiv"),
|
|
"temperature.log", // path to CSV file
|
|
{ // options
|
|
labels: ['timestamp', 'temp'],
|
|
legend: 'always',
|
|
animatedZooms: true,
|
|
showRangeSelector: true,
|
|
//title: 'Temperature IPMI',
|
|
rollPeriod: 96, // 1 value per 15mn, rounded to a day = 60/15*24
|
|
showRoller: true,
|
|
//errorBars: true,
|
|
//valueRange: [-10,45],
|
|
legendFormatter: legendFormatter,
|
|
interactionModel: Dygraph.defaultInteractionModel,
|
|
axes: {
|
|
x: {
|
|
axisLabelFormatter: function (d, gran, opts) {return new Date(d).toLocaleString();}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
</script> |