Guten Abend
ich komme mit meinem Chart nicht weiter - könnt ihr mir bitte helfen?
Habe nach der Anleitung von Github folgendes in die index geschrieben:
<li data-row="4" data-col="2" data-sizex="6" data-sizey="2">
<header>Pooltemperatur</header>
<div data-type="chart"
data-device="PoolSensor"
data-logdevice='["FileLog_PoolSensor","FileLog_SolarSensor"]'
data-columnspec='["4:temperature","4:temperature"]'
data-style='["ftui l5fill","ftui l1"]'
data-ptype='["lines","lines"]'
data-uaxis='["CURRENT","CURRENT"]'
data-legend='["Pool","Solar"]'
data-yunit="C"
data-ytext="Temperatur"
data-minvalue="auto"
data-maxvalue="auto"
data-daysago_start="0"
data-daysago_end="-1"
data-crosshair="true"
data-cursorgroup="1"
data-scrollgroup="1"
data-showlegend="true"
data-xticks="auto">
</div>
</li>
So sieht es in FHEM aus.
Der SVGChart funktioniert ja in 2.1 nicht mehr.....
Danke schönen Abend Helmut
Ich bekomme überhaupt keine Anzeige - egal ob ich bei Datadevice nur den Sensor eintrage oder das FileLog
Dem Github nach sollte dort aber der Sensor eingetragen sein???
Helmut
Funktioniert deine Definition mit der 1.x Version?
Ich habe jetzt zwar eine widget_chart.js für die 2.2 gebaut, bekomme aber auch nicht einen Strich.
Ich bräuchte eine funkt. HTML Definiton ...
Unter Version 1 hatte ich den SVG Plot....
Der funktioniert ja leider nicht mehr und jetzt suche ich nach eine Ablöse.
SimpleChart kann ja nur eine Linie.
Ich möchte für meine Poolsteuerung gerne PoolTemp, Solar und Luft anzeigen
Zumindest Pool und Luft?
Nice eve und Danke
Helmut
Bei mir funktioniert das chart Widget unter 2.1. Eki hat das Widget schon angepasst. https://forum.fhem.de/index.php/topic,50945.msg435905/topicseen.html#msg435905
zB
<div data-type="chart"
data-logdevice='["FileLog_wz.temp","FileLog_wz.temp"]'
data-columnspec='["4:wz.temp.temperature:.*","4:wz.temp.humidity:.*"]'
data-style='["ftui l0","ftui l1fill"]'
data-ptype='["lines","lines"]'
data-uaxis='["primary","secondary"]'
data-legend='["Temperatur","Feuchte"]'
data-yunit="°C"
data-ytext="Temperature"
data-minvalue="auto"
data-maxvalue="auto"
data-yunit_sec="%"
data-ytext_sec="Feuchte"
data-height="250"
data-yticks="auto"
data-minvalue_sec="auto"
data-maxvalue_sec="auto"
data-nofulldays="true"
data-crosshair="true"
data-cursorgroup="1"
data-scrollgroup="1"
data-xticks="auto">
</div>
Bei mir wird mit FHEM Tablet UI 2.2 leider ebenfalls nichts angezeigt, auch kein Fehler in der Konsole :'(
In meiner produktiven FHEM Tablet Instanz (Version 1) funktioniert dieselbe Definition ohne Probleme:
<div class=""
data-type="chart"
data-device="logdb"
data-logdevice='["logdb","logdb","logdb","logdb"]'
data-logfile='["HISTORY","HISTORY","HISTORY","HISTORY"]'
data-columnspec='["Umwelt.Feuchte.Schlafen:state","Umwelt.Feuchte.Wohnen:state","Umwelt.Co2.Schlafen:state","Umwelt.Co2.Wohnen:state"]'
data-legend='["Schlafen Feuchte","Wohnen Feuchte","Schlafen Co2","Wohnen Co2"]'
data-style='["ftui l2dash","ftui l3dash","ftui l2dash","ftui l3dash"]'
data-ptype='["lines","lines","lines","lines"]'
data-uaxis='["primary","primary","secondary","secondary"]'
data-yunit="%"
data-ytext="Feuchte (Linie)"
data-yunit_sec="ppm"
data-ytext_sec="Co2 (Striche)"
data-title="Hausklima"
data-minvalue="auto"
data-maxvalue="auto"
data-minvalue_sec="auto"
data-maxvalue_sec="auto"></div>
Zitat von: fhainz am 17 April 2016, 09:06:14
Bei mir funktioniert das chart Widget unter 2.1. Eki hat das Widget schon angepasst. https://forum.fhem.de/index.php/topic,50945.msg435905/topicseen.html#msg435905
Mit 2.2 funktioniert es nicht mehr. Muss wohl nochmals angefasst werden.
hallo fhainz
unter 2.1 funktioniert es jetzt doch - aber sag wie bekommst du die Farbe hin??
<li data-row="4" data-col="2" data-sizex="6" data-sizey="2">
<header>Pooltemperatur</header>
<div data-type="chart"
data-logdevice='["FileLog_PoolSensor","FileLog_SolarSensor"]'
data-columnspec='["4:PoolSensor.temperature:","4:SolarSensor.temperature:"]'
data-style='["ftui l5fill", "ftui l0"]'
data-ptype='["lines","lines"]'
data-uaxis='["primary","secondary"]'
data-legend='["Pool","Solar"]'
data-yunit="C"
data-ytext="Temperatur"
data-minvalue="auto"
data-maxvalue="auto"
data-yunit_sec="C"
data-ytext_sec="Temperatur"
data-height="250"
data-yticks="auto"
data-minvalue_sec="auto"
data-maxvalue_sec="auto"
data-nofulldays="true"
data-crosshair="true"
data-cursorgroup="1"
data-scrollgroup="1"
data-xticks="auto">
</div>
</li>
Alles nur schwarz?
Danke Gruß
Helmut
Zitat von: Helmi55 am 18 April 2016, 18:13:53
aber sag wie bekommst du die Farbe hin??
Hab nichts mehr gemacht. Hat von anfang an funktioniert. Fehlen bei dir vielleicht css Dateien?
Hm, welche? Ich habe nur die widget_chart.js vom 6.4. kopiert?
Hallo fhainz, sorry war heute nicht mein Tag.
Habe jetzt die .css Dateien kopiert. Habe aber den Chart wieder nur in schwarz.
Egal was ich einsetzte
data-style='["ftui l5fill","ftui l2"]'
Hast du noch einen Tip für mich
Danke
Helmut
Irgendwelche Fehler in der Konsole?
Servus
du meinst die Safari EnticklerKonsole?
Wenn ich hier auf Konsole/Fehler gehe bekomme ich nach einem refresh nix angezeigt.
Switch ich auf Warnungen bekomme ich Unexpected CSS token:
bezüglich der Farben, kannst Du mal schauen, ob Du du ftui_chart.css in deinem .css Ordner hast? Die Definitionen für Stile kommen aus diesem File.
Zitat von: fhainz am 17 April 2016, 14:59:07
Mit 2.2 funktioniert es nicht mehr. Muss wohl nochmals angefasst werden.
@setstate: was hat sich denn mit Version 2.2 verändert, gib mir mal einen Tip was da noch angepasst werden muss.
Schau mal hier im ersten Post unten
https://forum.fhem.de/index.php/topic,50945.0.html
Die abhängigen Files werden jetzt in einer extra Funktion gelistet. Damit kann man jetzt vorm Instanzieren des eigentlichen Modules alle Abhängigkeiten abfragen.
Hallo eki
ja die Datei ist vorhanden und ist 5295 groß. Und stammt vom letzten Download der hem-tablet-ui-version2.1 von Github
Hast du events. eine aktuelle für mich zum Dreinkopieren. Alt gehts ja dann
Danke
Helmut
Zitat von: Helmi55 am 20 April 2016, 11:21:53
Hallo eki
ja die Datei ist vorhanden und ist 5295 groß. Und stammt vom letzten Download der hem-tablet-ui-version2.1 von Github
Hast du events. eine aktuelle für mich zum Dreinkopieren. Alt gehts ja dann
Danke
Helmut
ist angehängt, müsste aber auch mit den in der Version 2.1 im GitHub vorhandenen files gehen (versuch mal l1fill statt l5fill). Ach ja, kleiner Hinweis, bei Änderungen an css/js Dateien zur Sicherheit immer den Browser Cache löschen, sonst werden neue Dateien u.U. nicht berücksichtigt, sonder aus dem Cache geladen.
Hi
leider auch ohne Erfolg
<li data-row="4" data-col="2" data-sizex="6" data-sizey="2">
<header>Pooltemperatur</header>
<div data-type="chart"
data-device="PoolSensor"
data-logdevice='["FileLog_PoolSensor","FileLog_SolarSensor"]'
data-columnspec='["4:temperature","4:temperature"]'
data-style='["ftui l1fill","ftui l2"]'
data-ptype='["lines","lines"]'
data-uaxis='["CURRENT","CURRENT"]'
data-legend='["Pool","Solar"]'
data-yunit="C"
data-ytext="Temperatur"
data-minvalue="auto"
data-maxvalue="auto"
data-daysago_start="0"
data-daysago_end="-1"
data-crosshair="true"
data-cursorgroup="1"
data-scrollgroup="1"
data-showlegend="true"
data-xticks="auto">
</div>
</li>
und so siehts aus:
ich habe mir Dein Konfigurationsfile mal genauer angeschaut, ganz fieser Trick ;-).
Du hast am Ende der data-style Zeile das falsche Hochkomma ' anstatt '. Mit der Zeile:
data-style='["ftui l1fill","ftui l2"]'
sollte es klappen.
Großes Danke
sch.... kopiererei. Wahrscheinlich, als ich das von der Testumgebung auf meine Produktion gebracht habe.
Obwohl ich verwende TextWrangler am Mac???
Sieht "geil" aus
Schönen nachmittag noch
Gruß
Helmut