mirror/Umweltdatenmessung
Archived
1
0
Fork 0
Code Releases Activity

Neue Beispiel (Februar)

Browse source
This commit is contained in:
Findus23 2014-02-22 16:54:28 +01:00
parent 59338b563a
commit 5cfeb982a9
6 changed files with 42743 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42506
beispiele/februar/dygraph_lange.csv Normal file
View file

File diff suppressed because it is too large Load diff

85
beispiele/februar/dygraphs.html Normal file
View file

@ -0,0 +1,85 @@
<!DOCTYPE html>
<!-- saved from url=(0053)http://lukaswiki.onpw.de/rasp/webseiten/dygraphs.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<script type="text/javascript" src="../../dygraph-combined.js"></script><style type="text/css"></style>
<style type="text/css">
#graphdiv {
position: absolute;
left: 10px;
right: 10px;
top: 50px;
bottom: 50px;
}
#auswahl {
position: absolute;
bottom: 10px;
}
</style>
</head>
<body>
<div id="graphdiv"></div>
<div id="Legende"></div>
<span id="auswahl">
<input type=checkbox id="0" checked onClick="change(this)">
<label for="0" style="color: #D4AE0B;font-weight:bold">Innentemperatur</label>
<input type=checkbox id="1" checked onClick="change(this)">
<label for="1" style="color: red;font-weight:bold">Gerätetemperatur 1</label>
<input type=checkbox id="2" checked onClick="change(this)">
<label for="2" style="color: #0000FF;font-weight:bold">Außentemperatur</label>
<input type=checkbox id="3" onClick="change(this)">
<label for="3" style="color: red;font-weight:bold">Gerätetemperatur 2</label>
<input type=checkbox id="4" onClick="change(this)">
<label for="4" style="color: #00A6A6;font-weight:bold">Temperatur (Luft)</label>
<input type=checkbox id="5" checked onClick="change(this)">
<label for="5" style="color: #00FF00;font-weight:bold">Luftfeuchtigkeit</label>
<input type=checkbox id="6" checked onClick="change(this)">
<label for="6" style="color: black;font-weight:bold">Luftdruck</label>
<input type=checkbox id="7" checked onClick="change(this)">
<label for="7" style="color: #00A6A6;font-weight:bold">Temperatur (Druck)</label>
<input type=checkbox id="8" onClick="change(this)">
<label for="8" style="color: orange;font-weight:bold">Prozessor</label>
</span>
<script type="text/javascript">
g = new Dygraph(
document.getElementById("graphdiv"),
"dygraph.csv", // path to CSV file
{ showRoller: true, //Möglichkeit zum Runden anzeigen
animatedZooms: true,
// dateWindow: [ Date.parse("2012/09/29 12:00:00"),Date.parse("2013/11/10 12:00:00") ], //Start- und Endzeitraum
labels: ["Zeit", "Innentemperatur", "Gerätetemperatur 1", "Außentemperatur", "Gerätetemperatur 2", "Temperatur (Luft)", "Luftfeuchtigkeit", "Luftdruck", "Temperatur (Druck)", "Prozessor"],
labelsDiv: document.getElementById("Legende"), //Legende in einem bestimmten DIV anzeigen
// 'Luftfeuchtigkeit': { //eigene y-Achse für Luftfeuchtigkeit
// axis: { valueRange: [1, 99],
// independentTicks: true
// }
// },
'Luftdruck': { //eigene y-Achse für Luftfeuchtigkeit
axis: { independentTicks: true
}
},
ylabel: 'Temperatur (°C)',
y2label: 'Luftdruck (hPa)',
colors: [ "#D4AE0B", "red", "#0000FF", "red", "#00A6A6", "#00FF00", "black", "#00A6A6", "orange" ],
strokeWidth: 3, // Liniendicke
rollPeriod: 10, // Runden standardmäßig auf 10 setzen
visibility: [true, true, true, false, false, true, true, true, false]
// highlightSeriesOpts: {
// strokeWidth: 5,
// strokeBorderWidth: 1,
// }
// showRangeSelector: true, //Auswahlzeile anzeigen
// rangeSelectorHeight: 80
} // options
);
function change(el) {
g.setVisibility(el.id, el.checked);
}
</script>
</body>
</html>

85
beispiele/februar/dygraphs.html~ Normal file
View file

@ -0,0 +1,85 @@
<!DOCTYPE html>
<!-- saved from url=(0053)http://lukaswiki.onpw.de/rasp/webseiten/dygraphs.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<script type="text/javascript" src="./dygraph-combined.js"></script><style type="text/css"></style>
<style type="text/css">
#graphdiv {
position: absolute;
left: 10px;
right: 10px;
top: 50px;
bottom: 50px;
}
#auswahl {
position: absolute;
bottom: 10px;
}
</style>
</head>
<body>
<div id="graphdiv"></div>
<div id="Legende"></div>
<span id="auswahl">
<input type=checkbox id="0" checked onClick="change(this)">
<label for="0" style="color: #D4AE0B;font-weight:bold">Innentemperatur</label>
<input type=checkbox id="1" checked onClick="change(this)">
<label for="1" style="color: red;font-weight:bold">Gerätetemperatur 1</label>
<input type=checkbox id="2" checked onClick="change(this)">
<label for="2" style="color: #0000FF;font-weight:bold">Außentemperatur</label>
<input type=checkbox id="3" onClick="change(this)">
<label for="3" style="color: red;font-weight:bold">Gerätetemperatur 2</label>
<input type=checkbox id="4" onClick="change(this)">
<label for="4" style="color: #00A6A6;font-weight:bold">Temperatur (Luft)</label>
<input type=checkbox id="5" checked onClick="change(this)">
<label for="5" style="color: #00FF00;font-weight:bold">Luftfeuchtigkeit</label>
<input type=checkbox id="6" checked onClick="change(this)">
<label for="6" style="color: black;font-weight:bold">Luftdruck</label>
<input type=checkbox id="7" checked onClick="change(this)">
<label for="7" style="color: #00A6A6;font-weight:bold">Temperatur (Druck)</label>
<input type=checkbox id="8" onClick="change(this)">
<label for="8" style="color: orange;font-weight:bold">Prozessor</label>
</span>
<script type="text/javascript">
g = new Dygraph(
document.getElementById("graphdiv"),
"dygraph.csv", // path to CSV file
{ showRoller: true, //Möglichkeit zum Runden anzeigen
animatedZooms: true,
// dateWindow: [ Date.parse("2012/09/29 12:00:00"),Date.parse("2013/11/10 12:00:00") ], //Start- und Endzeitraum
labels: ["Zeit", "Innentemperatur", "Gerätetemperatur 1", "Außentemperatur", "Gerätetemperatur 2", "Temperatur (Luft)", "Luftfeuchtigkeit", "Luftdruck", "Temperatur (Druck)", "Prozessor"],
labelsDiv: document.getElementById("Legende"), //Legende in einem bestimmten DIV anzeigen
// 'Luftfeuchtigkeit': { //eigene y-Achse für Luftfeuchtigkeit
// axis: { valueRange: [1, 99],
// independentTicks: true
// }
// },
'Luftdruck': { //eigene y-Achse für Luftfeuchtigkeit
axis: { independentTicks: true
}
},
ylabel: 'Temperatur (°C)',
y2label: 'Luftdruck (hPa)',
colors: [ "#D4AE0B", "red", "#0000FF", "red", "#00A6A6", "#00FF00", "black", "#00A6A6", "orange" ],
strokeWidth: 3, // Liniendicke
rollPeriod: 10, // Runden standardmäßig auf 10 setzen
visibility: [true, true, true, false, false, true, true, true, false]
// highlightSeriesOpts: {
// strokeWidth: 5,
// strokeBorderWidth: 1,
// }
// showRangeSelector: true, //Auswahlzeile anzeigen
// rangeSelectorHeight: 80
} // options
);
function change(el) {
g.setVisibility(el.id, el.checked);
}
</script>
</body>
</html>

50
beispiele/februar/index.html Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Author" content="Made by 'tree'">
<meta name="GENERATOR" content="$Version: $ tree v1.6.0 (c) 1996 - 2011 by Steve Baker, Thomas Moore, Francesc Rocher, Kyosuke Tokoro $">
<title>Directory Tree</title>
<style type="text/css">
<!--
BODY { font-family : ariel, monospace, sans-serif; }
P { font-weight: normal; font-family : ariel, monospace, sans-serif; color: black; background-color: transparent;}
B { font-weight: normal; color: black; background-color: transparent;}
A:visited { font-weight : normal; text-decoration : none; background-color : transparent; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; display: inline; }
A:link { font-weight : normal; text-decoration : none; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; display: inline; }
A:hover { color : #000000; font-weight : normal; text-decoration : underline; background-color : yellow; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; display: inline; }
A:active { color : #000000; font-weight: normal; background-color : transparent; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; display: inline; }
.VERSION { font-size: small; font-family : arial, sans-serif; }
.NORM { color: black; background-color: transparent;}
.FIFO { color: purple; background-color: transparent;}
.CHAR { color: yellow; background-color: transparent;}
.DIR { color: blue; background-color: transparent;}
.BLOCK { color: yellow; background-color: transparent;}
.LINK { color: aqua; background-color: transparent;}
.SOCK { color: fuchsia;background-color: transparent;}
.EXEC { color: green; background-color: transparent;}
-->
</style>
</head>
<body>
<h1>Directory Tree</h1><p>
<a class="NORM" href=".">.</a><br>
|-- [3.0M]&nbsp;&nbsp;<a class="NORM" href="./dygraph_lange.csv">dygraph_lange.csv</a><br>
|-- [3.4K]&nbsp;&nbsp;<a class="NORM" href="./dygraphs.html">dygraphs.html</a><br>
|-- [3.4K]&nbsp;&nbsp;<a class="NORM" href="./dygraphs.html~">dygraphs.html~</a><br>
`-- [&nbsp;&nbsp;&nbsp;0]&nbsp;&nbsp;<a class="NORM" href="./index.html">index.html</a><br>
<br><br>
</p>
<p>
0 directories, 4 files
<br><br>
</p>
<hr>
<p class="VERSION">
tree v1.6.0 (c) 1996 - 2011 by Steve Baker and Thomas Moore <br>
HTML output hacked and copyleft (c) 1998 by Francesc Rocher <br>
Charsets / OS/2 support (c) 2001 by Kyosuke Tokoro
</p>
</body>
</html>

10
beispiele/index.html
View file

@ -83,9 +83,15 @@
| |-- [145K]&nbsp;&nbsp;<a class="NORM" href="./Extremtest/gnuplot10000.svg">gnuplot10000.svg</a><br>
| |-- [3.0K]&nbsp;&nbsp;<a class="NORM" href="./Extremtest/index.html">index.html</a><br>
| `-- [2.3K]&nbsp;&nbsp;<a class="NORM" href="./Extremtest/line.html">line.html</a><br>
|-- [4.0K]&nbsp;&nbsp;<a class="DIR" href="./februar/">februar</a><br>
| |-- [3.0M]&nbsp;&nbsp;<a class="NORM" href="./februar/dygraph_lange.csv">dygraph_lange.csv</a><br>
| |-- [3.4K]&nbsp;&nbsp;<a class="NORM" href="./februar/dygraphs.html">dygraphs.html</a><br>
| |-- [3.4K]&nbsp;&nbsp;<a class="NORM" href="./februar/dygraphs.html~">dygraphs.html~</a><br>
| `-- [2.5K]&nbsp;&nbsp;<a class="NORM" href="./februar/index.html">index.html</a><br>
|-- [4.0K]&nbsp;&nbsp;<a class="DIR" href="./gesamt/">gesamt</a><br>
| |-- [220K]&nbsp;&nbsp;<a class="NORM" href="./gesamt/dygraph.csv">dygraph.csv</a><br>
| `-- [1.7K]&nbsp;&nbsp;<a class="NORM" href="./gesamt/dygraphs.html">dygraphs.html</a><br>
| |-- [1.7K]&nbsp;&nbsp;<a class="NORM" href="./gesamt/dygraphs.html">dygraphs.html</a><br>
| `-- [2.4K]&nbsp;&nbsp;<a class="NORM" href="./gesamt/index.html">index.html</a><br>
|-- [&nbsp;&nbsp;&nbsp;0]&nbsp;&nbsp;<a class="NORM" href="./index.html">index.html</a><br>
`-- [4.0K]&nbsp;&nbsp;<a class="DIR" href="./Luftfeuchtigkeit/">Luftfeuchtigkeit</a><br>
&nbsp;&nbsp;&nbsp; |-- [332K]&nbsp;&nbsp;<a class="NORM" href="./Luftfeuchtigkeit/dygraph.csv">dygraph.csv</a><br>
@ -95,7 +101,7 @@
</p>
<p>
8 directories, 54 files
9 directories, 59 files
<br><br>
</p>
<hr>

12
index.html
View file

@ -84,10 +84,16 @@
| | |-- [145K]&nbsp;&nbsp;<a class="NORM" href="./beispiele/Extremtest/gnuplot10000.svg">gnuplot10000.svg</a><br>
| | |-- [3.0K]&nbsp;&nbsp;<a class="NORM" href="./beispiele/Extremtest/index.html">index.html</a><br>
| | `-- [2.3K]&nbsp;&nbsp;<a class="NORM" href="./beispiele/Extremtest/line.html">line.html</a><br>
| |-- [4.0K]&nbsp;&nbsp;<a class="DIR" href="./beispiele/februar/">februar</a><br>
| | |-- [3.0M]&nbsp;&nbsp;<a class="NORM" href="./beispiele/februar/dygraph_lange.csv">dygraph_lange.csv</a><br>
| | |-- [3.4K]&nbsp;&nbsp;<a class="NORM" href="./beispiele/februar/dygraphs.html">dygraphs.html</a><br>
| | |-- [3.4K]&nbsp;&nbsp;<a class="NORM" href="./beispiele/februar/dygraphs.html~">dygraphs.html~</a><br>
| | `-- [2.5K]&nbsp;&nbsp;<a class="NORM" href="./beispiele/februar/index.html">index.html</a><br>
| |-- [4.0K]&nbsp;&nbsp;<a class="DIR" href="./beispiele/gesamt/">gesamt</a><br>
| | |-- [220K]&nbsp;&nbsp;<a class="NORM" href="./beispiele/gesamt/dygraph.csv">dygraph.csv</a><br>
| | `-- [1.7K]&nbsp;&nbsp;<a class="NORM" href="./beispiele/gesamt/dygraphs.html">dygraphs.html</a><br>
| |-- [8.0K]&nbsp;&nbsp;<a class="NORM" href="./beispiele/index.html">index.html</a><br>
| | |-- [1.7K]&nbsp;&nbsp;<a class="NORM" href="./beispiele/gesamt/dygraphs.html">dygraphs.html</a><br>
| | `-- [2.4K]&nbsp;&nbsp;<a class="NORM" href="./beispiele/gesamt/index.html">index.html</a><br>
| |-- [8.8K]&nbsp;&nbsp;<a class="NORM" href="./beispiele/index.html">index.html</a><br>
| `-- [4.0K]&nbsp;&nbsp;<a class="DIR" href="./beispiele/Luftfeuchtigkeit/">Luftfeuchtigkeit</a><br>
| &nbsp;&nbsp;&nbsp; |-- [332K]&nbsp;&nbsp;<a class="NORM" href="./beispiele/Luftfeuchtigkeit/dygraph.csv">dygraph.csv</a><br>
| &nbsp;&nbsp;&nbsp; |-- [1.8K]&nbsp;&nbsp;<a class="NORM" href="./beispiele/Luftfeuchtigkeit/dygraphs.html">dygraphs.html</a><br>
@ -102,7 +108,7 @@
</p>
<p>
10 directories, 59 files
11 directories, 64 files
<br><br>
</p>
<hr>