FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Helmi55 am 15 April 2016, 18:07:07

Titel: [erledigt]Probleme mit Chart in Ver 2.1
Beitrag von: Helmi55 am 15 April 2016, 18:07:07
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
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag von: Helmi55 am 16 April 2016, 19:58:43
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
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag von: setstate am 16 April 2016, 21:24:22
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 ...
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag von: Helmi55 am 16 April 2016, 22:14:32
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
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag 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

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>

Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag von: guna83 am 17 April 2016, 09:50:19
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>
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag von: fhainz am 17 April 2016, 14:59:07
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.
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag von: Helmi55 am 18 April 2016, 18:13:53
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
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag von: fhainz am 18 April 2016, 18:18:52
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?
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag von: Helmi55 am 18 April 2016, 19:59:19
Hm, welche? Ich habe nur die widget_chart.js vom 6.4. kopiert?
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag von: Helmi55 am 18 April 2016, 22:36:49
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
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag von: fhainz am 19 April 2016, 12:28:32
Irgendwelche Fehler in der Konsole?
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag von: Helmi55 am 19 April 2016, 18:34:19
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:
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag von: eki am 20 April 2016, 09:53:48
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.
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag von: eki am 20 April 2016, 09:54:55
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.
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag von: setstate am 20 April 2016, 10:25:50
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.
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag 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
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag von: eki am 20 April 2016, 13:13:32
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.
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag von: Helmi55 am 20 April 2016, 13:30:59
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:
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag von: eki am 20 April 2016, 13:48:54
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.
Titel: Antw:Probleme mit Chart in Ver 2.1
Beitrag von: Helmi55 am 20 April 2016, 14:50:37
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