44 lignes
1,4 Kio
HTML
44 lignes
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: 90,
|
||
|
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>
|