Creating Plots - caching SVG's - Versionsgeschichte

Markusbloch: Ersetzung von Forum-Links mit Vorlage Link2Forum

2017-03-19T19:45:41Z

Ersetzung von Forum-Links mit Vorlage Link2Forum

← Nächstältere Version		Version vom 19. März 2017, 21:45 Uhr
Zeile 1:		Zeile 1:
	{{Randnotiz\|RNTyp=Fehl\|RNText=Dieser Wiki-Artikel bezieht sich auf alte Fhem-Versionen. In aktuellen Fhem-Versionen ist das Zwischenspeichern von vollständigen/abgeschlossen Plots integriert. Es kann mit dem Attribut <code>SVGcache</code> von [[FHEMWEB]] gesteuert werden~~[http://forum.fhem.de/index.php/topic,~~11053~~.msg279262.html#msg279262]~~.}}		{{Randnotiz\|RNTyp=Fehl\|RNText=Dieser Wiki-Artikel bezieht sich auf alte Fhem-Versionen. In aktuellen Fhem-Versionen ist das Zwischenspeichern von vollständigen/abgeschlossen Plots integriert. Es kann mit dem Attribut <code>SVGcache</code> von [[FHEMWEB]] gesteuert werden{{Link2Forum\|Topic=11053\|Message=279262}}.}}
	== Das Problem: ==		== Das Problem: ==
	Die Anzeige von Grafiken in FHEM benötigt relativ lange Zeit. Speziell, wenn es um längere Zeiträume (Monat/Jahr) geht, und viele Werte gespeichert sind, kann das mehrere Sekunden dauern.		Die Anzeige von Grafiken in FHEM benötigt relativ lange Zeit. Speziell, wenn es um längere Zeiträume (Monat/Jahr) geht, und viele Werte gespeichert sind, kann das mehrere Sekunden dauern.

Krikan: Hinweis auf Überholung des Artikels durch Integration in FHEMWEB

2015-03-29T10:24:50Z

Hinweis auf Überholung des Artikels durch Integration in FHEMWEB

← Nächstältere Version		Version vom 29. März 2015, 12:24 Uhr
Zeile 1:		Zeile 1:
			{{Randnotiz\|RNTyp=Fehl\|RNText=Dieser Wiki-Artikel bezieht sich auf alte Fhem-Versionen. In aktuellen Fhem-Versionen ist das Zwischenspeichern von vollständigen/abgeschlossen Plots integriert. Es kann mit dem Attribut <code>SVGcache</code> von [[FHEMWEB]] gesteuert werden[http://forum.fhem.de/index.php/topic,11053.msg279262.html#msg279262].}}
	== Das Problem: ==		== Das Problem: ==
	Die Anzeige von Grafiken in FHEM benötigt relativ lange Zeit. Speziell, wenn es um längere Zeiträume (Monat/Jahr) geht, und viele Werte gespeichert sind, kann das mehrere Sekunden dauern.		Die Anzeige von Grafiken in FHEM benötigt relativ lange Zeit. Speziell, wenn es um längere Zeiträume (Monat/Jahr) geht, und viele Werte gespeichert sind, kann das mehrere Sekunden dauern.

Kamischi am 12. August 2014 um 19:51 Uhr

2014-08-12T19:51:16Z

← Nächstältere Version		Version vom 12. August 2014, 21:51 Uhr
Zeile 73:		Zeile 73:
	;sudo -u fhem :damit läuft das wget unter dem user 'fhem', damit es keine Probleme mit Dateiberechtigungen gibt.		;sudo -u fhem :damit läuft das wget unter dem user 'fhem', damit es keine Probleme mit Dateiberechtigungen gibt.
	;-O testx.svg :das ist der Dateiname, unter dem die erstellte svg gespeichert wird.		;-O testx.svg :das ist der Dateiname, unter dem die erstellte svg gespeichert wird.
	;<nowiki>http://localhost:8083</nowiki> :~~muß~~ jeweils angepasst werden....		;<nowiki>http://localhost:8083</nowiki> : muss jeweils angepasst werden....
	;&pos=zoom=xxx;off=yyy : xxx: year, month, week, day - die Zeitspanne <br> yyy: 0, -1, -2, ... - wieviele Zeitspannen zurück, 0==aktuell <br> Beipiel: &pos=zoom=month;off=-1 - ergibt die Grafik des vorherigen Monats.		;&pos=zoom=xxx;off=yyy : xxx: year, month, week, day - die Zeitspanne <br> yyy: 0, -1, -2, ... - wieviele Zeitspannen zurück, 0==aktuell <br> Beipiel: &pos=zoom=month;off=-1 - ergibt die Grafik des vorherigen Monats.

Ph1959de: Formatierung überarbeitet; kleinere Korrekturen; Wiki-Link(s) korrigiert

2013-11-06T06:58:43Z

Formatierung überarbeitet; kleinere Korrekturen; Wiki-Link(s) korrigiert

Änderungen zeigen

Generix: /* Definition eines weblinks: */

2013-10-29T13:52:16Z

Definition eines weblinks:

← Nächstältere Version		Version vom 29. Oktober 2013, 15:52 Uhr
Zeile 24:		Zeile 24:
	Das Attribut '''plotfunction''' bestimmt welches device in der Datenbank selektiert wird (in diesem Beispiel AussenTempHum).		Das Attribut '''plotfunction''' bestimmt welches device in der Datenbank selektiert wird (in diesem Beispiel AussenTempHum).

	Das Attribut '''title''' und ''' label'''bestimmt was in der Überschriftszeile des Plots steht.		Das Attribut '''title''' und '''label''' bestimmt was in der Überschriftszeile des Plots steht.

	=== Definition des gplotfile (TempHum_MH.gplot): ===		=== Definition des gplotfile (TempHum_MH.gplot): ===

Generix: /* Definition eines weblinks: */

2013-10-29T13:52:00Z

Definition eines weblinks:

← Nächstältere Version		Version vom 29. Oktober 2013, 15:52 Uhr
Zeile 22:		Zeile 22:
	attr AussenTempHum_current_day plotfunction AussenTempHum		attr AussenTempHum_current_day plotfunction AussenTempHum
	attr AussenTempHum_current_day title "Aussen"</nowiki>		attr AussenTempHum_current_day title "Aussen"</nowiki>
	Das Attribut '''~~plotfunktion~~'''bestimmt welches device in der Datenbank selektiert wird (in diesem Beispiel AussenTempHum).		Das Attribut '''plotfunction''' bestimmt welches device in der Datenbank selektiert wird (in diesem Beispiel AussenTempHum).

	Das Attribut '''title'''und '''label'''bestimmt was in der Überschriftszeile des Plots steht.		Das Attribut '''title''' und ''' label'''bestimmt was in der Überschriftszeile des Plots steht.

	=== Definition des gplotfile (TempHum_MH.gplot): ===		=== Definition des gplotfile (TempHum_MH.gplot): ===

Generix: /* Voraussetzungen: */

2013-10-29T13:51:31Z

Voraussetzungen:

← Nächstältere Version		Version vom 29. Oktober 2013, 15:51 Uhr
Zeile 14:		Zeile 14:
	* es gibt ein DbLog (in diesem Beispiel myDbLog), dass alle readings speichert.		* es gibt ein DbLog (in diesem Beispiel myDbLog), dass alle readings speichert.
	* es gibt einen Sensor (in diesem Beispiel '''AussenTempHum'''), der die readings '''temperature''' und '''humidity''' liefert.		* es gibt einen Sensor (in diesem Beispiel '''AussenTempHum'''), der die readings '''temperature''' und '''humidity''' liefert.
	* Das ~~Beipeil~~ geht davon aus, ~~daß~~ FHEM unter dem User fhem läuft.		* Das Beispiel geht davon aus, dass FHEM unter dem User fhem läuft.

	== Definitionen: ==		== Definitionen: ==
	=== Definition eines weblinks: ===		=== Definition eines weblinks: ===

Markusbloch: /* Definition des gplotfile (TempHum_MH.gplot): */

2013-05-11T14:36:09Z

Definition des gplotfile (TempHum_MH.gplot):

← Nächstältere Version		Version vom 11. Mai 2013, 16:36 Uhr
Zeile 53:		Zeile 53:
	Nachdem diese beiden Definitionen erledigt sind, sollte es in FHEM eine Grafik geben, die in etwa so aussieht:		Nachdem diese beiden Definitionen erledigt sind, sollte es in FHEM eine Grafik geben, die in etwa so aussieht:

	[[File:~~/w/images/3/3f/~~Cachesvg.png\|800px~~\|link=/wiki/Datei:Cachesvg.png\|alt=Cachesvg.png~~]]		[[File:Cachesvg.png\|800px]]

	'''Bis hierher war alles standard fhem, das sollte also funktionieren bevor es zum schwierigen Teil kommt ;-)'''		'''Bis hierher war alles standard fhem, das sollte also funktionieren bevor es zum schwierigen Teil kommt ;-)'''
	Wir brauchen ein Verzeichnis, um die Grafiken zu speichern, wo FHEM sie nachher auch wieder finden kann und darf:		Wir brauchen ein Verzeichnis, um die Grafiken zu speichern, wo FHEM sie nachher auch wieder finden kann und darf:
Zeile 60:		Zeile 61:
	<nowiki>sudo mkdir /opt/fhem/svgcache/		<nowiki>sudo mkdir /opt/fhem/svgcache/
	sudo chown -R fhem:root /opt/fhem/svgcache/</nowiki>		sudo chown -R fhem:root /opt/fhem/svgcache/</nowiki>


			[[Kategorie:HOWTOS]]

	== erster Test ==		== erster Test ==
	Ein erster Test (von der telnet/SSH commandline):		Ein erster Test (von der telnet/SSH commandline):

Generix: Die Seite wurde neu angelegt: „= Creating Plots - caching SVG's = == Das Problem: == Die Anzeige von Grafiken in FHEM benötigt relativ lange Zeit. Speziell, wenn es um längere Zeiträume (…“

2013-05-10T20:39:55Z

Die Seite wurde neu angelegt: „= Creating Plots - caching SVG's = == Das Problem: == Die Anzeige von Grafiken in FHEM benötigt relativ lange Zeit. Speziell, wenn es um längere Zeiträume (…“

Neue Seite

= Creating Plots - caching SVG's =
== Das Problem: ==
Die Anzeige von Grafiken in FHEM benötigt relativ lange Zeit. Speziell, wenn es um längere Zeiträume (Monat/Jahr) geht, und viele Werte gespeichert sind, kann das schon in die 10+ Sekunden gehen.

Die Anleitung geht davon aus, dass grundsätzliches knowhow über fhem und wie Grafiken erstellt werden besteht. Grundlegende Infos sich unter: [http://www.fhemwiki.de/wiki/Creating_Plots Creating_Plots] zu finden.

== Der Lösungsansatz: ==
Alle Grafiken, die sich auf Werte in der Vergangenheit beziehen, ändern sich nicht mehr, werden aber dennoch jedesmal neu abgefragt und neu berechnet.
Für diese Art von Grafiken wird eine caching Lösung aufgezeigt.

== Voraussetzungen: ==
dieses Beispiel geht von folgendener Situation aus:

* es gibt ein DbLog (in diesem Beispiel myDbLog), dass alle readings speichert.
* es gibt einen Sensor (in diesem Beispiel '''AussenTempHum'''), der die readings '''temperature''' und '''humidity''' liefert.
* Das Beipeil geht davon aus, daß FHEM unter dem User fhem läuft.
== Definitionen: ==
=== Definition eines weblinks: ===
<nowiki>define AussenTempHum_current_day weblink dbplot myDbLog:TempHum_MH
attr AussenTempHum_current_day label "Temp- min: $data{min1}, max: $data{max1}, last: $data{currval1}, Feuchte- min: $data{min2}, max: $data{max2}, last: $data{currval2}"
attr AussenTempHum_current_day plotfunction AussenTempHum
attr AussenTempHum_current_day title "Aussen"</nowiki>
Das Attribut '''plotfunktion'''bestimmt welches device in der Datenbank selektiert wird (in diesem Beispiel AussenTempHum).

Das Attribut '''title'''und '''label'''bestimmt was in der Überschriftszeile des Plots steht.

=== Definition des gplotfile (TempHum_MH.gplot): ===
<nowiki># TempHum_MH.gplot
# MH 12/2012 support both dblog and filelog
# Attribute 'small' is useful for gnuplot/-scroll only,
# if plotsize is less than 800,400
#set terminal png transparent small size <SIZE> crop
set terminal png transparent size <SIZE> crop
set output '<OUT>.png'
set xdata time
set timefmt "%Y-%m-%d_%H:%M:%S"
set xlabel " "
set ytics nomirror
set y2tics
#set ytics
set title '<TL> <L1>'
set grid xtics y2tics
set y2label "Temperature (°C)"
set ylabel "Humidity (%RF)"
set yrange [0:99]
#FileLog 4:temperature:10:
#FileLog 4:humidity:50:
#DbLog <SPEC1>:temperature:10:
#DbLog <SPEC1>:humidity:50:
plot \
ls l0 axes x1y2 title 'Measured temperature' with lines
ls l1fill axes x1y1 title 'Humidity' with lines</nowiki>
Nachdem diese beiden Definitionen erledigt sind, sollte es in FHEM eine Grafik geben, die in etwa so aussieht:

[[File:/w/images/3/3f/Cachesvg.png|800px|link=/wiki/Datei:Cachesvg.png|alt=Cachesvg.png]]
'''Bis hierher war alles standard fhem, das sollte also funktionieren bevor es zum schwierigen Teil kommt ;-)'''
Wir brauchen ein Verzeichnis, um die Grafiken zu speichern, wo FHEM sie nachher auch wieder finden kann und darf:
In diesem Beispiel (telnet/SSH auf Raspberry PI):

<nowiki>sudo mkdir /opt/fhem/svgcache/
sudo chown -R fhem:root /opt/fhem/svgcache/</nowiki>
== erster Test ==
Ein erster Test (von der telnet/SSH commandline):

<nowiki>cd /opt/fhem/svgcache/
sudo -u fhem wget -O testx.svg 'http://localhost:8083/fhem?cmd=showlog AussenTempHum_current_day myDbLog TempHum_MH -&pos=zoom=month;off=0'</nowiki>
<nowiki>Die wesentlichen Parameter sind:
sudo -u fhem - damit läuft das wget unter dem user 'fhem', damit es keine Probleme mit Dateiberechtigungen gibt.
-O testx.svg - das ist der filename, unter dem die erstellte svg gespeichert wird.
[http://localhost:8083 http://localhost:8083] - muß jeweils angepasst werden....
&pos=zoom=xxx;off=yyy
xxx: year, month, week, day - die Zeitspanne
yyy: 0, -1, -2, ... - wieviel Zeitspannen zurück, 0==aktuell
Beipiel: &pos=zoom=month;off=-1 - ergibt die Grafik des vorigen Monats.</nowiki>
Und das Ergebnis bewundern (im Browser):

<nowiki>http://localhost:8083/fhem/svgcache/testx.svg</nowiki>
Es sollte jetzt die gewünschte Grafik aufgebaut werden.

=== Todo ===
Automatisieren der Grafikerstellung mittels fhem at....

== Die gespeicherten SVG's von FHEM anzeigen lassen ==
=== Definitionen: ===
<nowiki>define AussenTempHum_lastmonth weblink htmlCode <br/><object data="/fhem/svgcache/AussenTempHum_month-last.svg" type="image/svg+xml" width="800" height="160" name="weblink_test"></object> <br/> <a href="/fhem?detail=AussenTempHum_lastmonth">AussenTempHum last month</a><br/></nowiki>
Damit teilen wir fhem mit, wo die Grafik zu finden ist (object data="'''/fhem/svgcache/Au...''').
Der file-name muß natürlich mit dem aus dem vorigen wget übereinstimmen!

== Fazit ==
Damit können beliebige plots definert und gepeichert werden und von fhem relativ schnell abgerufen werden.
Grundsätzlich wäre diese Lösung auch ohne DbLog möglich, allerdings müssten dazu die Beispiele überarbeitet werden.

Have fun
Erwin.