FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: eki am 31 Januar 2016, 00:17:26

Titel: FTUI Neue Version chart_widget
Beitrag von: eki am 31 Januar 2016, 00:17:26
Hallo zusammen,

ich habe es jetzt endlich geschafft, eine neue Version des chart_widget fertig zu machen und hier angehängt.

Neben einigen Fehlerkorrekturen gibt es eine neue Darstellungsart, die die Graphen als 3D Ansicht darstellt. Wie das aussieht, ist im angehängten Bild zu sehen (Konfigurations Beispieldatei ist ebenfalls angehängt).
Zum Aktivieren und Einstellen dieses Modus gibt es 3 neue Parameter:
data-ddd='["40","30","0"]'
data-dddspace="30"
data-dddwidth="10"
data-ddd aktiviert, falls vorhanden, den 3D Modus und legt die Drehung des Graphen um die x, y und z Achse in Grad fest. Die Drehung um z ist aktuell noch nicht aktiviert, macht eventuell auch gar keinen Sinn, am besten mal ein bisschen experimentieren. data-dddspace gibt an, wie weit die einzelnen Graphen in z-Richtung voneinander entfernt sind, ddd-dddwidth legt den Abstand zwischen den Graphen fest (jeweils in pixeln).
Leider funtioniert das Feature nicht in Windows Browsern (IE und Edge), weil die 3D Transformationen nicht zusammen mit SVGs können (zumindest habe ich es nicht hinbekommen).

Zusätzlich gibt es einen weiteren neuen Parameter, der es ermöglicht, festzulegen, welche Graphen initial aktiviert sind und welche nicht (data-graphsshown='[true,false,true]' legt als Array für jeden Graphen fest ob er zu sehen ist oder nicht).

Außerdem habe ich die Korrekturen, die Ronny in das widget_popup eingefügt hat, und die Probleme mit dem chart_widget im Zusammenhang mit Popups beheben, in die aktuelle Version des widget_popup eingepflegt, und durch eine weitere Korrektur ergänzt, die bei mir ein Problem mit der Positionierung des Popups behebt.



Edit: Ich hatte noch vergessen zu erwähnen, dass ich 2 weitere styles hinzugefügt habe *l5* und *l6*.

Ich hoffe das chart_widget funktioniert ohne Probleme (leider musste ich für die 3D Funktion mehr ändern als ich usprünglich dachte, weil die Browser da ziemlich bescheuerte Unterschiede aufweisen, ich wollte zwischendurch fast mal aufgeben). Falls nicht, bitte melden, ich werde dann wieder versuchen zu reparieren.



Edit (21.3.2016): Jetzt ist die nächste Version fertig (Anhang erneuert). Ich denke ich habe jetzt fast alle Fehler die gemeldet wurden beseitigt, falls nicht, bitte wieder Rückmeldung geben. Außerdem sind im Vergleich zum oben genannten folgende neuen Dinge hinzugekommen:
Unterstützung von allen logproxy features. Auch die Spinnennetz-Diagramme in Polarkoordinaten oder eingezeichnete Bereiche werden jetzt unterstützt.

Überarbeitung der Formatierung der x-Achse.
- Es kann jetzt angegeben werden, wie die Beschriftung formatiert werden soll (Details siehe Wiki).
- Die Ticks sind flexibler (wenn z.B. der Bereich über mehr als 4 Tage geht, wird Einteilung in Wochen gemacht, bei mehr als einem Monat in Monaten und bei mehr als einem Jahr in Jahren.
- Die Werte für data.daysago_start und data.daysago_end können jetzt flexibler angegeben werden (z.B. Angabe des vergangenen Monats als Zeitraum). Details siehe Wiki.



Edit 22.03.2016: Sortierung der Daten entlang der Zeitachse falls Input nicht aufsteigend ist.

Edit 26.04.2016: Neue Versionen für ftui V1.x und V2.2 (bitte jeweils die Endung wieder auf .js setzen) mit einer Reihe von Fehlerbeseitigungen (u.A. Probleme bei den neun Formatierungsfeatures der x-Achse) und mit der Möglichkeit auch so etwas wie Wetterdiagramme mit icons zu erstellen (siehe angehängtes Bild). Um so etwas zu bewerkstelligen braucht es ein Logfile welches die Icons mit zugehörigen Zeitstempeln enthält (also z.B. die RegExp *.icon* für ein Logfile auf Basis eines AgroWeather devices) und als Plottype "icons:x" wobei das x für den Index eines anderen Graphen aus der gleichen Definitionsdatei steht welcher die Höhe der Icons auf der y-Achse bestimmt. Im Wiki steht das noch nicht, muss ich noch machen.



Edit 01.08.2016: So, vor der Feriensaison jetzt noch mal eine neue Version (erst mal nur für die FTUI Version 2.2, die Endung wieder auf .js umsetzen und auf jeden Fall auch das angehängte widget_popup.js dazu verwenden). Ich habe noch ein paar Fehler bezüglich Popup und V2.2 und der Icon Darstellung korrigiert. Neue Features sind die Möglichkeit y Werte als text darzustellen (macht vor allem bei so Dingen wie Fensterstatus Sinn, data-yticks muss dann als array angegeben werden in dem jeweils paare für den Zahlenwert und den dazugehörigen Text stehen) und die Möglichkeit über data-title eine Kopfzeile einzufügen, in der auch die meisten der aus SVG Plot bekannten Berechnungen möglich sind (gleiche Syntax also z.B. data-title="Min: $data{mindate4}, Max: $data{maxdate4}, Last: $data{currdate4}"). Außerdem kann die Sekundärachse jetzt auch eigene "ticks" bekommen (parameter data-yticks_sec).



Edit 05.08.2016: Nach Rücksprache mit Mario (setstate) habe ich jetzt noch eine neue Version gemacht, die ohne die Änderungen in widget_popup (und auch in widget_pagebutton) auskommt. Ist angehängt und wird dann demnächst auch mit den offiziellen Updates mitkommen.



Edit 17.10.2016: Mal wieder eine neue Version. Im Wesentlichen Fehlerkorrekturen und Verbesserungen beim Cursor (Anzeige des x-Wertes, Korrektur von komischem Verhalten bei webkit Browsern, touchmove events werden unterstützt, der Cursor geht auf pads also mit, wenn man darüber streicht).



Edit 20.03.2017: Es gibt wieder eine neue Version. Neben einer ganzen Reihe von Fehlerkorrekturen gibt es zwei neue Features, die auf der Wunschliste einiger Nutzer waren. Das Chart wird jetzt bei Änderungen der Größe des Fensters, in dem das chart eingebettet ist, automatisch neu gezeichnet. Außerdem gibt es die Möglichkeit festzulegen, für welche Achse die waagerechten "Gridlines" gezeichnet werden. Dazu muss der Parameter data-yticks_prio entweder auf 'primary' oder 'secondary' gesetzt werden. Zusätzlich können durch einen Klick auf die Beschriftung der jeweils anderen Y-Achse auch die Gridlines umgeschaltet werden.
Ich habe zwei Versionen hier gepostet, jeweils eine für die ftui Version 2.5.x und 2.6.x. Die Dateien müssen natürlich vor dem Benutzen umbenannt werden, oder man muss warten, bis setstate sie in das standard Update übernimmt.
Für die, die es noch nicht bemerkt haben, es gibt dank einiger fleißiger Helfer seit einiger Zeit ein sehr schönes Wiki zum Chart (https://wiki.fhem.de/wiki/FTUI_Widget_Chart (https://wiki.fhem.de/wiki/FTUI_Widget_Chart)).



Edit 02.05.2017: Ich habe jetzt mal wieder eine neue Version fertig. Ich habe das ganze Widget auf asychrones Abholen der Daten vom Server umgestellt und dabei auch einen "prefetch" Mechanismus eingebaut, der im Hintergrund immer schon die Daten für die Zeitbereiche rechts und links des Charts asynchron vom Server holt, damit das scrollen bei langsamer Verbindung "gefühlt" schneller geht (ob es wirklich sichbare Performance Verbesserung bringt, hängt stark von der jeweiligen Umgebung/Konfiguration ab, aber ich wollte mich endlich mal vom synchronen Daten holen verabschieden, und das "Prefetch" war dann ein logischer Zusatz). Das "Prefetch" ist standardmäßig ausgeschaltet (damit es erst mal kompatibel bleibt) und kann mit der Einstellung "data-prefetch="true" eingeschaltet werden.
Aber es gibt natürlich auch einige neue Features:
- Logarithmische y-Achsen. Mit dem Parameter data-ytype="log" bzw. data-ytype_sec="log" kann man festlegen, dass die jeweilige Achse einen logarithmischen Maßstab bekommt. Das macht Sinn, wenn man Daten mit großem Wertebereich (also z.B. mehrere Zehnerpotenzen) hat.
- Diagramme können "gestapelt" werden. Wenn man hinter einen Linientyp ein :<num> setzt (also z.B. "lines:1"), wobei <num> für eine ganze Zahl steht, dann wird der jeweilige Graph auf den Graph mit der Nummer <num> gestapelt (also auf den Graphen oben drauf gesetzt). So etwas kann z.B. Sinn machen, wenn man den Stromverbrauch einzelner Devices darstellen und zusätzlich sehen will, wie hoch die Summe ist. Beispiel siehe unten.
- Die Legende kann nun ihre Einträge nicht nur vertikal anordnen sondern auch horizontal. Eingestellt wird das mit data-legend_horiz="true" (default ist wie bisher vertikal). Zusätzlich kann man die Position der Legende auch oberhalb, unterhalt vor order hinter die Chart Area setzen, dadurch kommt es nicht mehr zu Verdeckung von Teilen der Plots. Hierfür gibt es zusätzliche Codewörter für data-legendpos ("before" und "after" für die x Position und "above" und "below" für die y Position). Beispielsweise setzt data-legendpos='["left","below"]' die Legende links unter die Achsenbeschriftung.
- Die Parameter data-dddspace und data-dddwidth können nun auch als Array angegeben werden. Dadurch kann man die einzelnen Graphen bei der 3D Darstellung individuell auf der z-Achse verschieben bzw. deren "Dicke" einzeln für jeden Graphen festlegen.
- Es können "Kuchendiagramme" gezeichnet werden. Das ist eigentlich gar kein neues Chart Feature sondern nur eine "kreative" Nutzung des logProxy mit einer speziellen Funktion (wie das genau geht, werde ich im Chart Wiki beschreiben, aber unten schon mal ein Beispiel wie es aussehen könnte).
Die js Dateien gibt es wieder für FTUI Version 2.5 (Endung 25.js) oder 2.6 (Endung 26.js) und die Dateien müssen beim Kopieren dann jeweils in widget_chart.js umbenannt werden.



Edit 29.11.2017: Rechtzeitig vor Weihnachten, mal wieder was Neues vom Chart. Ich habe einiges an Änderungswünschen gesammelt und umgesetzt. Falls ich irgend etwas vergessen habe, einfach noch mal posten  ;). Ich habe keine zwei Versionen mehr gemacht, die Dateien sind widget_chart.js und ftui_chart.css. Folgendes ist Neu:

- Neuer Parameter data-timeranges (Array aus Array Einträgen, welche jeweils [<Name>,<daysago_start>,<daysago_end>] enthalten). Hierdurch können vordefinierte Zeiträume für die X-Achse festgelegt werden, die dann durch eine pulldown menu (neuer Button oben neben dem "-" Button) direkt ausgewählt werden können. Beispiel: data-timeranges='[
    ["Actual Year","0Y","-1Y"],["Last Year","1Y","0Y"],
    ["Actual Month","0M","-1M"],
    ["Last Month","1M","0M"],
    ["Actual Week","0W","-1W"],["Last Week","1W","0W"],
    ["Today","0D","-1D"],["Yesterday","1D","0D"]
]'
.
Bild wie das aussieht, ist angehängt.

- Plotstile (data-style) können nun auch direkt als Gradienten auf Basis von Plot-Datenwerten definiert werden. Dazu muss der Plotstil als Array agegeben werden. Der erste Wert des Arrays gibt an ob nur die Linie gezeichnet werden soll (Zahl angeben, die die Dicke der Linie definiert) oder gefüllt ("fill" eintragen). Alle danach folgenden Array Elemente sind beliebig viele Stoppunkte für die Farbübergänge, welche wiederum aus Arrayas mit 3 Parametern bestehen. Für jeden Stoppunkt werden der Datenwert, die Farbe und die Durchsichtigkeit gesetzt. Hierdurch lassen sich z.B. Einfärbungen setzen, die für Temperaturplots immer negative Werte blau einfärben und positive Werte rot. Zwischen den Stoppunkten wird die Farbe interpoliert, also ein weicher Übergang generiert. Will man harte Übergänge muss man Zwei Stoppunkte mit unterschiedlichen Farbwerten aber dem gleichen Datenwert erzeugen.
Beispiel1 für einen weichen Gradienten, der bei 0 von blau nach rot übergeht, bei diesem Übergang durchsichtig ist und von dort nach negativen bzw. positiven Werden immer deckender wird: data-style='["fill",["-20","#0000ff","0.7"],["0","#0000ff","0"],["0","#ff0000","0"],["302","#ff0000","0.7"]]'.
Beispiel 2, mit einem harten Übergang von blau nach rot bei 0: data-style='["fill",["-20","#0000ff","0.7"],["0","#0000ff","0.7"],["0","#ff0000","0.7"],["50","#ff0000","0.7"]]'
- Colmunspecs können jetzt auch als Arrays mit Definitionen für 2 Graphen angegeben werden. Ist dies der Fall, dann wird der zweite Graph umgekehrt an den ersten angehängt. Das hört sich vielleicht nach einer bescheuerten Idee an, macht es aber möglich, Bereiche zwischen 2 Graphen zu füllen (z.B. den Bereicht zwischne minimaler und maximaler Temperatur als ausgefüllten "Schlauch" darzustellen).
Beispiel: data-columnspec='[
    "Func:logProxy_proplanta2Plot(\\x22AgroWeather\\x22,\\x22weatherIcon\\x22,$from,$to,12)",
    [
        "Func:logProxy_proplanta2Plot(\\x22AgroWeather\\x22,\\x22tempMax\\x22,$from,$to,12)",
        "Func:logProxy_proplanta2Plot(\\x22AgroWeather\\x22,\\x22tempMin\\x22,$from,$to,12)"
    ],
    "Func:logProxy_proplanta2Plot(\\x22AgroWeather\\x22,\\x22rain\\x22,$from,$to,0,\\x22day\\x22)"
Bild wie das aussieht, ist angehängt (dort ist auch der Übergang bei 0° von blau nach rot durch Gradienten im data-style eingebaut).

- Einige Parameter (style, maxvalue, minvalue, maxvalue_sec, minvalue_sec) können auch aus readings dynamisch gesetzt werden wenn "<device>:<reading>" als Parameter gesetzt wird. Damit kann man z.B. in FHEM über notify etc. die Linientypen dynamisch anpassen (z.B. wenn der Wert eines Devices in einem bestimmten Bereich liegt, ändert sich die Farbe des Graphen).

- Im Chart Header (data-title) können jetzt auch regular expressions (gekennzeichnet durch $eval()) eingesetzt werden um Teile des Titels dynamisch zu generieren.
Beispiel: data-title="Klima Wohnzimmer Average: $eval(parseInt($data{avg1}*10)/10)°C / Max: $eval(parseInt($data{max1}*100)/100)°C"
- Neuer Parameter data-show_both_axes. Wenn vorhanden und true dann werden beide Y-Achsenlinien (primary und secondary) gezeichnet (nicht beide Gridlines)

- Neuer Parameter data-xticks_round. Wenn vorhanden und entweder 'h', 'd', 'w', wird auf Stunde, Tag oder Woche bei den xticks gerundet (also die Tickmarks und die Gridlines bei den entsprechend gerundeten Zeiten gesetzt).

- Neues Resize Change Handling zum Anpassen der Charts an geänderte Fenstergrößen (erzeugt weniger Last)

- Cursor wird weich animiert weitergeschoben wenn große Sprünge vorhanden sind

- Fehlerbeseitigung bei default Höhe (wenn keine Höhe gesetzt wird)

- Fehlerbeseitigung bei der Berechnung des benötigten Platzes für die Y-Achsenbeschriftungen

- Fehlerbeseitigung bei Stack Mode im Internet Explorer.

- Optimierung der Anzahl der Nachkommastellen bei den Y-Achsen Beschriftungen

Edit 09.12.2017: Noch eine Korrektur, die notwendig war um Probleme mit neuerem jquery zu umgehen. Bitte an alle die die Version vom 29.11. heruntergeladen haben noch mal ein Update zu machen. Inden nächsten Tagen wird die Version dann auch über das normale Update verteilt.

Edit 11.12.2017: Noch eine Korrektur (y-Achsenbeschriftung). Sorry, aber die Version lag hier eine ganze Weile rum, bevor ich sie an setstate weiter gegeben habe und erst jetzt kommen die Problemchen raus  :-\
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: rasti am 31 Januar 2016, 00:27:14
sieht ja echt klasse aus.... !
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stril am 31 Januar 2016, 09:58:00
Hi!

Das sieht mal echt klasse aus. Leider habe ich auch mit dieser Version das Problem, dass meine Charts manchmal "gestaucht" sind. Wenn ich debug=1 setze. passiert das sehr selten. Mit debug=0 eigentlich immer ab dem zweiten Reload.

Hast Du dazu eine Idee?

Gruß
Phil
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 31 Januar 2016, 10:52:09
kannst Du mal eine Beispiel Konfigurationsdatei schicken und auch Beispiele wie gestaucht genau aussieht.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Roli1606 am 31 Januar 2016, 14:29:05
Gibt es eine Möglichkeit einen wert bis zum jetzigen Zeitpunk und zu verlängern und evt auch bis zum Anfang des Plots?

Habe das Problem das mir die desired-temp nur einmal morgens um 5:30 Uhr geloggt wird, dadurch habe ich nur um 5 Uhr einen ausschlag im Chart. Würde den aber gerne mit steps bis zur Aktuellen Zeit durch laufen lassen. Habe das im SVG Plot mit

FileLog_Heizung_Wohnzimmer,extend=86400,predict=86400:4:Heizung_Wohnzimmer.measured-temp\x3a::
gelöst. Hab nur keine Ahnung wie ich das im Chart anwenden kann.

Gruß Roland
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stril am 31 Januar 2016, 16:19:08
Hallo!

Hier die Bilder:

Bei jedem Reload wir der Graph schmaler:
(https://datenaustausch.kraemer-ps.de/gestaucht.jpg)
...und in normal:
(https://datenaustausch.kraemer-ps.de/normal.JPG)

Der Code dazu ist:
<li data-row="6" data-col="1" data-sizex="6" data-sizey="2">
<header>Temperatur Schweinestall</header>
<div class="normal"
        data-type="chart"
        data-logdevice='["FileLog_sTemp_Schweinestall"]'
        data-columnspec='["4:temperature:0:"]'
        data-style='["ftui l0fill"]'
        data-ptype='["lines"]'
        data-uaxis='["primary"]'
        data-legend='["Temperature"]'
        data-yunit="°C"
        data-ytext="Temperature"
        data-minvalue="auto"
        data-maxvalue="auto"
        data-height="200"
        data-yticks="auto"
        data-minvalue_sec="auto"
        data-maxvalue_sec="auto"
        data-nofulldays="true"
        data-daysago_start="0"
        data-cursorgroup="1"
        data-scrollgroup="1"
        data-xticks="auto">
</div>

</li>


Siehst Du da einen Grund, warum es mit debug=1 normal aussieht und sonst nicht?

Gruß
Phil
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 31 Januar 2016, 16:39:18
Rhabarber Du mir noch sagen welchen Browser Du verwendest?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stril am 31 Januar 2016, 18:21:06
Hallo!

Oh sorry, das Problem ist bei Safari auf iOS am besten reproduzierbar. Ich vergleiche morgen mal Firefox und Chrome..

Gruß
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: alpha1974 am 31 Januar 2016, 19:31:37
Super, vielen Dank an eki für deinen Einsatz!

Ist das bislang nur eine Test-Version, die manuell installiert werden muss oder reichte ein update?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 31 Januar 2016, 20:44:20
Ist erst mal nur eine Testversion und muss manuell installiert werden.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 01 Februar 2016, 10:37:10
Gibt es eine Möglichkeit einen wert bis zum jetzigen Zeitpunk und zu verlängern und evt auch bis zum Anfang des Plots?

Habe das Problem das mir die desired-temp nur einmal morgens um 5:30 Uhr geloggt wird, dadurch habe ich nur um 5 Uhr einen ausschlag im Chart. Würde den aber gerne mit steps bis zur Aktuellen Zeit durch laufen lassen. Habe das im SVG Plot mit

FileLog_Heizung_Wohnzimmer,extend=86400,predict=86400:4:Heizung_Wohnzimmer.measured-temp\x3a::
gelöst. Hab nur keine Ahnung wie ich das im Chart anwenden kann.

Gruß Roland

Hallo Roland,

Du verwendest offensichtlich logProxy.

Das müsste hier genauso gehen. Du verwendest als data-logdevice den namen des logProxy und schreibst bei der data-columnspec so etwas wie "FileLog:FileLog_Heizung_Wohnzimmer,extend=86400,predict=86400:4:Heizung_Wohnzimmer.measured-temp\x3a::"
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 01 Februar 2016, 13:08:35
Hallo!

Oh sorry, das Problem ist bei Safari auf iOS am besten reproduzierbar. Ich vergleiche morgen mal Firefox und Chrome..

Gruß

Kannst Du dann auch mal schauen ob die Konsole des Browsers irgend etwas sagt?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: andi11 am 01 Februar 2016, 16:20:57
Chart im Popup funktioniert damit 1A. Danke
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stril am 01 Februar 2016, 17:24:12
Kannst Du dann auch mal schauen ob die Konsole des Browsers irgend etwas sagt?

Leider kann ich das Ganze nur auf dem iPhone und iPad reproduzieren und da gibt es IMHO keine Konsole, die etwas zeigen könnte.
Das einzig Auffällige war, dass beim IE11 die Beschriftung der Achsen fehlt, aber das "Stauchen" passiert bei mir nur unter iOS.

Heute war es noch deutlich "intensiver". Da war das Ganze auf 1/4-Breite gestaucht.

Gruß
Phil


Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 01 Februar 2016, 17:43:16
Kannst Du mal den Parameter data-nofulldays heraus nehmen (macht eh nur Sinn wenn data-daysago_start ein ungerader Wert ist. Eventuell hat das Einfluss (das Thema Zeiten wird leider in den Browsern auch unterschiedlich behandelt).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stril am 01 Februar 2016, 22:05:25
Hab's getestet. Damit verhält es sich zumindest anders. Nach dem Reload ist die Fläche eine durchgängige, dunkel orangene Fläche. Nicht besser, aber anders

Also auf dem Computer: Alles prima
Auf dem iPad/iPhone: Statt dem eigentlichen Chart die Fläche...

Der Code war jetzt:
<div class="normal"
        data-type="chart"
        data-logdevice='["FileLog_sTemp_Schweinestall"]'
        data-columnspec='["4:temperature:0:"]'
        data-style='["ftui l0fill"]'
        data-ptype='["lines"]'
        data-uaxis='["primary"]'
        data-legend='["Temperature"]'
        data-yunit="°C"
        data-ytext="Temperature"
        data-minvalue="auto"
        data-maxvalue="auto"
        data-height="200"
        data-yticks="auto"
        data-minvalue_sec="auto"
        data-maxvalue_sec="auto"
        data-daysago_start="0"
        data-cursorgroup="1"
        data-scrollgroup="1"
        data-xticks="auto">
</div>


Das "data-nofulldays" hat damals leider nicht gemacht, was ich dachte. Ich wollte einen Chart, der die letzten 24h zeigt.

Gruß
Phil
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: oniT am 02 Februar 2016, 20:32:05
Hallo,

gibt es auch schon eine Möglichkeit ein Kreisdiagramm darzustellen?

Danke,

Gruß
Tino
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 02 Februar 2016, 22:02:40
Nee, die gibt es leider noch nicht. Werde ich mir mal für die nächste Version vornehmen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dafreak am 02 Februar 2016, 22:56:14
Hallo Roland,

Du verwendest offensichtlich logProxy.

Das müsste hier genauso gehen. Du verwendest als data-logdevice den namen des logProxy und schreibst bei der data-columnspec so etwas wie "FileLog:FileLog_Heizung_Wohnzimmer,extend=86400,predict=86400:4:Heizung_Wohnzimmer.measured-temp\x3a::"
Genau das würde ich auch gerne haben. Ich kriegs aber nicht hin.
Mein Code in der HTML-Datei sieht für das Chart so aus:
<div data-type="chart"
data-logdevice="lp","lp","lp"
data-logfile="CURRENT"
data-columnspec='["FileLog:FileLog_EG_Wohnzimmer_Heizung:4:EG_Wohnzimmer_Heizung.desired-temp\x3a:0:int","FileLog:FileLog_EG_Wohnzimmer_Heizung:4:EG_Wohnzimmer_Heizung.measured-temp\x3a:0:int","FileLog:FileLog_EG_Wohnzimmer_Heizung:4:EG_Wohnzimmer_Heizung.actuator\x3a:0:int"]'
data-style='["ftui l2","ftui l4","ftui l1dot"]'
data-ptype='["histeps","lines","histeps"]'
data-uaxis='["primary","primary","secondary"]'
data-legend='["Solltemp","Isttemp","Ventil"]'
data-yunit="&deg;C"
data-ytext="Temperatur"
data-minvalue="12"
data-maxvalue="27"
data-yunit_sec="%"
data-ytext_sec="Ventil"
data-height="250"
data-width="720"
data-yticks="auto"
data-minvalue_sec="auto"
data-maxvalue_sec="auto"
data-nofulldays="false"
data-daysago="0"
data-showlegend="0"
data-crosshair="0"
data-cursorgroup="1"
data-scrollgroup="1"
data-xticks="auto">
</div>
Weiß vllt. jemand wo es da klemmt? Im normalem FHEM-SVG funktioniert es einwandfrei.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 03 Februar 2016, 16:05:53
Genau das würde ich auch gerne haben. Ich kriegs aber nicht hin.
Mein Code in der HTML-Datei sieht für das Chart so aus:
...
Weiß vllt. jemand wo es da klemmt? Im normalem FHEM-SVG funktioniert es einwandfrei.
Das File enthält ein paar Fehler (z.B. logdevice nicht als array angegeben, data-daysago anstatt data-daysago_start oder data-daysago_end) aber nichts was blocken sollte. Ich habs bei mir mal ausprobiert und grundsätzlich klappt es.
Hast Du mal ein paar Zeilen der zugehörigen Logfiles?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stril am 03 Februar 2016, 18:16:35
Hallo!

Hast Du noch irgendeinen Ansatz, was ich testen könnte wegen meiner Probleme auf dem iPad? Das Ganze ist zumindest reproduzierbar...

Gruß und danke
Phil
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dafreak am 03 Februar 2016, 18:56:34
Das File enthält ein paar Fehler (z.B. logdevice nicht als array angegeben, data-daysago anstatt data-daysago_start oder data-daysago_end) aber nichts was blocken sollte. Ich habs bei mir mal ausprobiert und grundsätzlich klappt es.
Hast Du mal ein paar Zeilen der zugehörigen Logfiles?

Das mit dem Array meinst du so:
data-logdevice='["lp","lp","lp"]'   ///Richtig oder?
data-logdevice="lp","lp","lp"       ///Falsch

Bringt nur leider nix :-(

Die Logeinträge sehen so aus:
2016-02-02_15:11:44 EG_Wohnzimmer_Heizung temperature: 17.7
2016-02-02_16:10:13 EG_Wohnzimmer_Heizung actuator: 1%
2016-02-02_16:29:43 EG_Wohnzimmer_Heizung actuator: 86%
2016-02-02_16:29:44 EG_Wohnzimmer_Heizung desired-temp: 21.0
2016-02-02_16:51:10 EG_Wohnzimmer_Heizung actuator: 94%
2016-02-02_17:12:38 EG_Wohnzimmer_Heizung measured-temp: 18.1
2016-02-02_17:12:38 EG_Wohnzimmer_Heizung temperature: 18.1
2016-02-02_17:28:14 EG_Wohnzimmer_Heizung measured-temp: 18.2
2016-02-02_17:28:14 EG_Wohnzimmer_Heizung temperature: 18.2
2016-02-02_17:45:47 EG_Wohnzimmer_Heizung measured-temp: 18.4
2016-02-02_17:45:47 EG_Wohnzimmer_Heizung temperature: 18.4
2016-02-02_18:11:43 EG_Wohnzimmer_Heizung measured-temp: 18.6
2016-02-02_18:11:43 EG_Wohnzimmer_Heizung temperature: 18.6
2016-02-02_18:28:42 EG_Wohnzimmer_Heizung measured-temp: 18.8
2016-02-02_18:28:42 EG_Wohnzimmer_Heizung temperature: 18.8
2016-02-02_18:46:15 EG_Wohnzimmer_Heizung measured-temp: 18.9
2016-02-02_18:46:15 EG_Wohnzimmer_Heizung temperature: 18.9
2016-02-02_18:46:15 EG_Wohnzimmer_Heizung lowtemp: warn
2016-02-02_18:46:15 EG_Wohnzimmer_Heizung warnings: Temperature too low
2016-02-02_19:11:43 EG_Wohnzimmer_Heizung measured-temp: 19.0
2016-02-02_19:11:43 EG_Wohnzimmer_Heizung temperature: 19.0
2016-02-02_19:11:44 EG_Wohnzimmer_Heizung lowtemp: ok
2016-02-02_19:11:44 EG_Wohnzimmer_Heizung warnings: none
2016-02-02_19:27:43 EG_Wohnzimmer_Heizung measured-temp: 19.1
2016-02-02_19:27:43 EG_Wohnzimmer_Heizung temperature: 19.1
2016-02-02_20:12:03 EG_Wohnzimmer_Heizung measured-temp: 19.2
2016-02-02_20:12:03 EG_Wohnzimmer_Heizung temperature: 19.2
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 03 Februar 2016, 21:02:33
Tja, das sieht leider alles richtig aus. Dein logProxy heißt auch wirklich lp?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 03 Februar 2016, 21:08:11
Hallo!

Hast Du noch irgendeinen Ansatz, was ich testen könnte wegen meiner Probleme auf dem iPad? Das Ganze ist zumindest reproduzierbar...

Gruß und danke
Phil
Bloederweise kann ich es nicht reproduzieren. Ich bin dabei zu überlegen, wie ich irgendwie Infos aus dem js auch ohne Konsole anzeigen kann, hab aber noch nichts funktionierendes hinbekommen. Außerdem sieht das nach einem Timingproblem aus und da kann mit Logausgabe plötzlich alles wieder anders aussehen (hast Du ja auch schon berichtet, dass es sich mit Debug=1 auch schon anders verhält).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stril am 04 Februar 2016, 10:50:24
Hallo!

Das klingt wirklich ziemlich verfahren.
Siehst Du irgendeine Alternative, den Chart einzubinden? Z.b. dass der eigentliche Chart irgendwie gecached wird oder so?

Ich wollte es mal mit "simplechart" probieren, aber irgendwie scheine ich dafür zu blöd zu sein. Ich habe das einfach nicht zum Laufen bekommen.

Gruß
Phil
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 05 Februar 2016, 11:07:39
Hallo!

Das klingt wirklich ziemlich verfahren.
Siehst Du irgendeine Alternative, den Chart einzubinden? Z.b. dass der eigentliche Chart irgendwie gecached wird oder so?

Ich wollte es mal mit "simplechart" probieren, aber irgendwie scheine ich dafür zu blöd zu sein. Ich habe das einfach nicht zum Laufen bekommen.

Gruß
Phil

Hallo Phil,

ich habe jetzt mal eine "Sonderversion" gemacht und anghängt. Nachdem das chart fertig gezeichnet ist, kannst Du auf die linke y-Achsenbeschriftung klicken und danach sollte, wenn DEBUG auf 1 ist, unter dem chart eine ganze Liste Logtext erscheinen (hoffentlich auf auf iOS).
Kopier mal die Logtexte nach einer "normalen" Darstellung und von einem "gestauchten" Chart und schick sie mir.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stril am 07 Februar 2016, 00:30:36
Hallo!

Vielen, vielen Dank!
Ich bin gerade im Urlaub, aber ich mache das sobald ich wieder da bin.

Tut mir Leid, dass ich es nicht direkt anschauen kann.

Gruß
Phil
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: setstate am 07 Februar 2016, 00:52:35
...Ich bin dabei zu überlegen, wie ich irgendwie Infos aus dem js auch ohne Konsole anzeigen kann, hab aber noch nichts funktionierendes hinbekommen...

Was ist mit toast Messages?

ftui.toast("I am here");
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stril am 13 Februar 2016, 21:40:10
Hi!

Ich bin aus dem Urlaub zurück und wollte jetzt das Ganze testen, ABER: nach einen Update auf die aktuelle Version funktioniert gerade scheinbar alles. Ich kann den Fehler momentan nicht reproduzieren.

Gerade bin ich ziemlich begeistert :-)

Gruß
Phil


Gesendet von iPad mit Tapatalk
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 17 Februar 2016, 14:59:09
Großartig Eki, läuft jetzt prima im Popup!
Was mir aufgefallen ist (wobei ich nicht weiß, ob das an der neuen Version liegt): Wenn man die min/max-Values auf auto hat, kann es anscheinend vorkommen, dass die Kurve bei Werten im Grenzbereich zwischen Plus und Minus aus dem Achsenbereich "herausfällt", s. Screenshot.
Definition ist:
<div class="normal"
data-type="chart"
         data-device="KS300"
         data-logdevice='["FileLog_KS300"]'
         data-columnspec='["4:T"]'
         data-style='["ftui l0"]'
         data-ptype='["lines"]'
         data-uaxis='["primary"]'
         data-legend='["Measured"]'
         data-yunit="°C"
         data-ytext="Temperature"
         data-minvalue="auto"
         data-maxvalue="auto"
         data-yunit_sec=""
         data-ytext_sec=""
         data-yticks="auto"
         data-minvalue_sec="auto"
         data-maxvalue_sec="auto"
         data-daysago_start="1"
         data-daysago_end=""
         data-crosshair="true"
         data-cursorgroup="1"
         data-scrollgroup="1"
         data-showlegend="true"
         data-xticks="auto">
</div>
Wenn ich data-minvalue auf z.B. -5 stelle, tut es, aber wer will das schon in Zeiten des Klimawandels ;)
Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 18 Februar 2016, 13:01:58
Problem ist gefunden, wird in der nächsten Version korrigiert.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: gloob am 22 Februar 2016, 13:02:58
Hallo,

Ich lasse mir 2 Graphen in einer Anzeige darstellen.

Gibt es eine Möglichkeit ein data-minvalue und data-maxvalue auf "auto" zu stellen und sowohl rechts als auch links die gleiche Einteilung zu erhalten?

<li data-row="4" data-col="2" data-sizex="6" data-sizey="5" class="semitransparent">
<header><font size="+1">Wohnzimmer</font></header>
<div class="normal nobuttons" data-type="chart"
data-logdevice='["FileLog_HM_WZ_Heizung_Clima","FileLog_HM_WZ_Heizung_Clima"]'
data-columnspec='["HM_WZ_Heizung_Clima:desired-temp","HM_WZ_Heizung_Clima:measured-temp"]'
data-style='["ftui l2","ftui l0fill"]'
data-ptype='["histeps","histeps"]'
data-uaxis='["primary","secondary"]'
data-legend='["Soll-Wert","Ist-Wert"]'
data-yunit="°C"
data-ytext=""
data-minvalue="10"
data-maxvalue="35"
data-yunit_sec="°C"
data-ytext_sec=""
data-height="200"
data-yticks="auto"
data-minvalue_sec="10"
        data-maxvalue_sec="35"
data-nofulldays="true"
data-xticks="auto">
</div>
</li>

Aktuell ist die rechts Skala an den ersten Graphen angepasst und die linke Skala an den 2.

Edit:
Kaum hab ich den Post geschrieben, sehe ich, dass man den 2. Graphen nur auch auf data-uaxis='["primary","primary"]' setzen muss, damit es klappt.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 22 Februar 2016, 13:07:49
Das würde nur dann funktionieren, wenn für beide Graphen die maximal und minimal Werte gleich wären (dann würde die automatische Berechnung ja die gleiche Einteilung ergeben).
Warum willst Du denn in dem Fall überhaupt eine sekundäre Achse haben? Setze doch beide Graphen auf Primärachse.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 06 März 2016, 23:13:54
Hi Eki,
gibt es eine Möglichkeit (außer im CSS herumzudoktern), um die Schriftgröße der Beschriftungen zu erhöhen? Oder alternativ auch um das ganze Chart vergrößert anzuzeigen? Muss auf dem iPad sonst immer die Lesebrille suchen, um die Werte ablesen zu können ;)
Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 07 März 2016, 09:34:55
Schriftgrößen im css zu ändern hat nichts mit "herumdoktorn" zu tun und ist genau so vorgesehen (falls Du Bedenken hast dass Dinge durch Update überschrieben werden, mache Deine Änderungen im fhem-tablet-ui-user.css, die werden dann nicht überschrieben).
Falls Du unterschiedliche Größen in unterschiedlichen Charts brauchst kannst Du z.B. folgendes machen
/* Definition of the axes generally*/
.big .text.axes {
fill: #bbb;
font-size: 18px;
}
.small .text.axes {
fill: #bbb;
font-size: 10px;
}
.normal .text.axes {
fill: #bbb;
font-size: 12px;
}
und dann in der Definitionsdatei über die Klasse (<div class="big"...) die jeweilige Größe auswählen (ich kann ja in der nächsten Version so eine Unterscheidung generell in die ftui-chart.css einbauen, ist eigentlich eine gute Idee).

Die Gesamtgröße kannst Du per data-width und data-height Parameter in der HTML Definitionsdatei des Charts einstellen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 07 März 2016, 13:07:00
Danke Eki,
das Überschreiben in der CSS war genau meine Sorge, denn dort hatte ich die Beschriftungen für meine Zwecke angepasst.
Zitat
mache Deine Änderungen im fhem-tablet-ui-user.css
Da bin ich nicht draufgekommen, danke.

Ich möchte die Gelegenheit nutzen für ein paar minimale Gestaltungsvorschläge:
1. Wenn man bei der Crosshair-Wertanzeige außer dem Wert nichts anzeigen möchte, so scheint das derzeit nur bedingt möglich zu sein:
data-legend='[""]'zeigt immer noch einen : und ein Leerzeichen vor dem eigentlichen Wert an, lässt man es ganz weg, erscheint ein "undefined" - oder gibt es da einen Trick?.

2. Ich fände es übersichtlicher, wenn das Datum auf der x-Achse bei der Anzeige einer über mehrere Tage laufenden Grafik (typo)grafisch von den Zeitangaben abgesetzt wäre - z.B. fett oder in einer zweiten Zeile.

3. Persönlich fände ich es schon, wenn man die beiden Punkte "Legende" und "Cursor" optional ausblenden könnte.

All dies verfolgt das Ziel, Charts bei Bedarf minimalistischer gestalten zu können, was in vielen Fällen ausreichen dürfte. M.a.W.: Wenn ich etwa ein Chart "Verlauf Außentemperatur" in einem Popup habe, so brauche ich die o.g. Punkte eigentlich alle nicht.
Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 07 März 2016, 17:46:53
Zu 1: ist aktuell nicht zu umgehen (kein Trick), werde ich korrigieren.
Zu 2: An den Möglichkeiten zur Bezifferung der x-Achse habe ich schon einiges geändert, da hat man ab der nächsten Version viel mehr Möglichkeiten.
Zu 3: Man kann dem chart die Klasse "nobuttons" (class="normal nobuttons") geben, dann werden die shift und scale Knöpfe und auch die Legende und der Cursor weggelassen. Nur die Punkte "Legende" und "Cursor" wegzulassen und die anderen Knöpfe beizubehalten geht bisher nicht.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 07 März 2016, 17:57:51
Prima, vielen Dank Eki!
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: fhainz am 07 März 2016, 20:29:19
Nur die Punkte "Legende" und "Cursor" wegzulassen und die anderen Knöpfe beizubehalten geht bisher nicht.

Mit CSS geht fast alles :P

Legende ausblenden:
svg.legend text.caption:nth-child(1) {
display: none;
}

Cursor ausblenden:
svg.legend text.caption:nth-child(2) {
display: none;
}

Beide ausblenden:
svg.legend text.caption {
display: none;
}
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 21 März 2016, 11:15:02
Es gibt wieder eine neue Version, siehe erster Eintrag in diesem Thread unter Edit.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: knopf_piano am 28 März 2016, 20:51:26
mein console-output
opera (Anzeige geht), die Fehlermeldungen für jquery.min.js hatte ich auch mit der aktuellen svn-version, die werden jetzt zumindest nicht geschmiessen
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
jquery.min.js:3 'SVGElement.offsetWidth' is deprecated and will be removed in M50, around April 2016. See https://www.chromestatus.com/features/5724912467574784 for more details.
jquery.min.js:3 'SVGElement.offsetHeight' is deprecated and will be removed in M50, around April 2016. See https://www.chromestatus.com/features/5724912467574784 for more details.

firefox (Anzeige fehltunteres drittel)
Synchrone XMLHttpRequests am Haupt-Thread sollte nicht mehr verwendet werden, weil es nachteilige Effekte für das Erlebnis der Endbenutzer hat. Für weitere Hilfe siehe http://xhr.spec.whatwg.org/

in webviewcontrol (tablet) kann ich nix ausgeben...

hoffe, das hilft
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 28 März 2016, 21:10:43
Das ist aber ohne Debug (muss im idex File aktiviert werden) oder?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ekur am 29 März 2016, 18:47:47
Hallo eki,

mal nur so als Frage, gibt es das chart widget auch schon in einer angepassten Version für die Tablet UI Version 2.1, also die derzeitige Entwicklungsversion von setstate?

Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 29 März 2016, 19:26:07
Bin dran, aber noch nicht fertig. Es fehlen noch ein paar Inputs von setstate.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 26 April 2016, 14:48:58
Es gibt wieder neue Versionen des Chart Widgets für die ftui Releases 1.x und 2.2. Siehe erstes Post in diesem Thread.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: netbus am 10 Mai 2016, 10:23:47
Hallo,
Ich versuche gerade dein Chart Widget zu verwenden unter 2.2 leider bekomme ich keinen Graphen.
<div class="normal"
         data-type="chart"
         data-device="Tempsensor"
         data-logdevice="FileLog_Tempsensor"
         data-columnspec="4:Tempsensor.temperature\x3a::"
         data-style="ftui l0fill"
         data-ptype="lines"
         data-uaxis="primary"
         data-legend="Measured"
         data-yunit="°C"
         data-width="450px"
         data-height="120px"
         data-ytext="Temperature"
         data-minvalue="auto"
         data-maxvalue="auto"
         data-yunit_sec="%"
         data-ytext_sec="Percentage"
         data-yticks="auto"
         data-minvalue_sec="auto"
         data-maxvalue_sec="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>

So sieht der SVG aus
# Created by FHEM/98_SVG.pm, 2015-04-02 21:04:03
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 title '<L1>'
set ytics
set y2tics
set grid y2tics
set ylabel "Temperatur"
set y2label "Temperatur"

#FileLog_Tempsensor 4:Tempsensor.temperature\x3a::

plot "<IN>" using 1:2 axes x1y2 title '°C' ls l2fill lw 1 with lines

Und so das Log:
2016-04-26_17:02:39 Tempsensor temperature: 16.3
2016-04-26_17:05:24 Tempsensor battery: ok
2016-04-26_17:05:24 Tempsensor T: 16.0
2016-04-26_17:05:24 Tempsensor temperature: 16.0
2016-04-26_17:07:57 Tempsensor battery: ok
2016-04-26_17:07:57 Tempsensor T: 15.9

Weißt du woran das liegt?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 10 Mai 2016, 10:53:11
Nimm mal die Zeile mit data-device... heraus.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: netbus am 10 Mai 2016, 13:33:18
Nimm mal die Zeile mit data-device... heraus.
leider gleiches Ergebnis
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 10 Mai 2016, 16:22:47
ich habe noch mal nachgeschaut, und einen Fehler gefunden, der zuschlägt, wenn keiner der Parameter ein Array ist. Wird in der nächsten Version korrigiert. Bis dahin bitte data-logdevice="FileLog_Tempsensor" durch data-logdevice='["FileLog_Tempsensor"]' ersetzen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: netbus am 11 Mai 2016, 09:52:42
Mit data-logdevice='["FileLog_Tempsensor"]'lädt die FTUI gar nicht mehr und alle Felder bleiben grau
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 11 Mai 2016, 10:31:33
kannst Du mal mit der angehängten js Version testen (nicht vergessen vorher den Cache zu löschen). Und mir auch mal sagen, was auf der Browser Console zu sehen ist?
Außerdem solltest Du statt \x3a \\x3a schreiben.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ulli am 13 Mai 2016, 23:09:27
Zwei Fragen:

1)
wie bekomme ich denn die Schriftgröße der Legende und der Achsenbeschriftung größer?

.normal .text.legend {
   fill: #bbb;
   font-size: 12px;
}
funktioniert nicht :)

2)
Wie kann ich denn eine horizontale linie einfügen?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 17 Mai 2016, 08:14:21
Zu den css Einstellungen schau bitte ins ftui_chart.css und ins ftui Wiki. Für eine waagerechte Linie bitte ins logProxy Wiki.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: torte am 17 Mai 2016, 10:47:59
Hallo,

bei mir geht das Chart auch nicht mit 2.2 habe das js aus #50 genommen.

In der Console bekomme ich das hier:
Loaded plugin: popup
widget_chart.js:15 0 init_attr(elem) { // initialize all attributes called from widget init function
var data = elem.data();
elem.data('minvalue_sec', typeof elem.data('minvalue_sec') != 'undefined' ? elem.da… "Attributes initialized with 0-1"
widget_chart.js:697 1 4
widget_chart.js:15 1 (index) {
var elem = $(this);

base.init_attr(elem);
base.init_ui(elem);

elem.data.defaultHeight = elem.hasClass('fullsize') ? elem[0].getBoundingClientRect().height*0.85 : '… "Module initialized with width: 550 height: 150"
widget_chart.js:2856 CM160
fhem-tablet-ui.js:927 Loaded plugin: chart

Grüße
Torte
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: netbus am 19 Mai 2016, 14:29:40
kannst Du mal mit der angehängten js Version testen (nicht vergessen vorher den Cache zu löschen). Und mir auch mal sagen, was auf der Browser Console zu sehen ist?
Außerdem solltest Du statt \x3a \\x3a schreiben.
Funkt noch immer nicht.
Hier der Log
Plugin dir: /fhem/tablet/js
fhem-tablet-ui.min.js:1 Filename: test.html
fhem-tablet-ui.min.js:1 FHEM dir: /fhem/
fhem-tablet-ui.min.js:1 Collecting required readings
fhem-tablet-ui.min.js:1 start longpoll
jquery.min.js:4 Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
VM3505:43 label value 20.8 substitution
fhem-tablet-ui.min.js:1 Loaded plugin: widget_label
fhem-tablet-ui.min.js:1 Loaded plugin: widget_symbol
fhem-tablet-ui.min.js:1 Loaded plugin: widget_popup
fhem-tablet-ui.min.js:1 Loaded plugin: widget_pagebutton
fhem-tablet-ui.min.js:1 Loaded plugin: widget_switch
fhem-tablet-ui.min.js:1 Loaded plugin: widget_push
fhem-tablet-ui.min.js:1 Loaded plugin: widget_simplechart
VM3523:1665 FileLog_Tempsensor FileLog_Tempsensor true STATE STATE
jquery.min.js:4 Error: <svg> attribute height: Expected length, "NaN".m.extend.attr @ jquery.min.js:4m.access @ jquery.min.js:3m.access @ jquery.min.js:3m.fn.extend.attr @ jquery.min.js:4widget_chart.refresh @ VM3523:1028(anonymous function) @ VM3523:1668m.extend.each @ jquery.min.js:2m.fn.m.each @ jquery.min.js:2widget_chart.update @ VM3523:1663(anonymous function) @ fhem-tablet-ui.min.js:1j @ jquery.min.js:2k.fireWith @ jquery.min.js:2x @ jquery.min.js:4b @ jquery.min.js:4
fhem-tablet-ui.min.js:1 Loaded plugin: widget_chart
fhem-tablet-ui.min.js:1 Request readings from FHEM
fhem-tablet-ui.min.js:1 update done for device:Tempsensor parameter:STATE
fhem-tablet-ui.min.js:1 start longpoll
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 01 August 2016, 10:47:05
Es gibt eine neue Version des Chart Widget. Siehe erstes Post in diesem Thread.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 05 August 2016, 09:14:19
noch mal ein Update (kommt jetzt ohne Änderung des widget_popup aus und wird dann auch bald in die offziellen Updates hineinkommen. Wiki ist jetzt auch auf dem aktuellen Stand.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ext23 am 12 August 2016, 22:56:50
Nabend,

funktioniert mir der neuen Version denn das Longpoll? Ich hab irgendwie Probleme mit dem Longpoll bei Chart und range. Beides wird nicht aktualisiert.

/Daniel
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: fhainz am 13 August 2016, 17:00:20
Die Longpoll Probleme kann ich bestätigen.  Mit 1.x hat es noch funktioniert, bei 2.2 ist mir das auch schon aufgefallen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: setstate am 13 August 2016, 19:15:55
@eki: ich habe mir mal die Update Funktion angesehen. Gefällt mir noch nicht so richtig. Es müsste nach dem Reading gefiltert werden, was abonniert wurde. Also das unter data-get

Sonst wird bei jedem Label Update immer das Chart neu gemalt. Oder sehe ich das falsch? Was sagt das log?

In dieser Art stelle ich mir das vor
function update(dev,par) {

        me = this;
        // update from normal state reading
        me.elements.filterDeviceReading('get',dev,par)
        .each(function(index) {
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 13 August 2016, 21:30:48
Hallo Mario,

Danke für den Hinweis. Werde aber erst nach dem Urlaub wieder dazu kommen da was dran zu tun. Also erst mal ein bisschen Geduld.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 21 September 2016, 10:21:39
Hallo Mario,

ich habe mich da jetzt mal wieder drangesetzt, brauche aber, glaube ich, noch ein paar Infos, wie das update in der neuen Version wirklich funktioniert. Was ich sehe ist folgendes Verhalten:
Wenn ein data-logdevice definiert ist, dann wird update mit data-logdevice als parameter 'dev' genau einmal am Anfang aufgerufen. Wenn kein data-device definiert ist, ist das der einzige Aufruf von 'update', was ja auch stimmt, weil das logdevice ja seinen Status nicht ändert. Wird ein data-device definiert (zusätzlich zum Logdevice als das Device, das die Inputs für das Logfile liefert, und das dann eben dynamisch seinen Status ändert, wenn sich an den zugrunde liegenden Daten etwas ändert), dann kommt das update, wie erwartet, regelmäßig aber mit dem in data-device definierten parameter 'dev' beim Aufruf. Ist das so richtig? Welche Fälle triggern denn das update?

Bisher prüfe ich im update von chart, ob ein data-logdevice definiert ist, und ob diese Definition dem in update als Parameter übergebenen Wert entspricht nur wenn das erüfllt ist und gleichzeitig der übergebene Wert 'par' dem in data-get definierten Wert entspricht, wird das chart neu gezeichnet.
Bisher hat das funktioniert, wenn der o.g. erste Fall erfüllt ist (data-logdevice und kein data-device). Im zweiten Fall wird nichts gemacht, weil ja das logdevice nicht dem device entspricht (die zuvor erwähnte Prüfung verhindert, dass bei so Dingen wie Label updates das chart gemalt wird).

Um jetzt einigermaßen rückwärts kompatibel zu bleiben (sonst müssten ja alle ihre bisherigen Definitionen ändern), wäre mein Vorschlag, dass ich den ersten Fall genauso zulasse wie ich das bisher mache. Zusätzlich würde ich dann testen ob dev und par passen (wie von Dir vorgeschlagen) und ob das Element ein data-logdevice hat (das gibt es ja nur bei charts oder?) und in dem Fall auch neu zeichnen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: setstate am 26 September 2016, 20:23:30
Wo genau ist jetzt das Problem?
Mit der Version, die ich hier habe und mit dem Beispiel, was ich in die README.md übernommen habe, funktioniert alles bei mir. Auch sehe ich im Log keine unnötigen refreshs. Also alles gut von meiner Seite ...
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: nhetzke am 27 September 2016, 11:56:59
Hallo zusammen,

ich habe zwei kleine Probleme mit mit dem Chart Widget. Nach dem Update auf die FTUI Version 2.2 funktioniert der automatische Update nicht mehr und ich bekomme zu dem am Anfang des Chart immer eine zusätzliche Linie gezeichnet.
Mein Chart ist wie folgt konfiguriert:

<div
data-type="chart"
data-nofulldays="true"
data-logdevice='["FileLog_BMP180","FileLog_AussenTemperatur"]'
data-columnspec='["4:BMP180.pressure-nn*:0:","4:AussenTemperatur.temperature*:0:"]'
data-style='["ftui l0fill","ftui l2"]'
data-ptype='["lines","histeps"]'
data-uaxis='["primary","secondary"]'
data-legend='["Luftdruck","Temp Aussen"]'
data-yunit=" hPa"
data-ytext="Luftdruck"
data-minvalue="auto"
data-maxvalue="auto"
data-minvalue_sec="auto"
data-maxvalue_sec="auto"
data-yunit_sec="°C"
data-ytext_sec="Temp"
data-yticks="auto"
data-daysago_start="1"
data-daysago_end="-1"
data-crosshair="true"
data-cursorgroup="0"
data-scrollgroup="0"
data-showlegend="true"
data-height="250px"
data-xticks="auto"
class="fullsize nobuttons">
</div>

Screenshot mit der Zusätzlichen Linie ist angehängt.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: gloob am 27 September 2016, 12:18:08
Das gleiche Problem mit der Anfanglinie habe ich aktuell auch bei meinen Charts.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 27 September 2016, 13:03:10
Für das Thema Update habe ich eine Lösung, probier mal die angehängte neue Version (@setstate: das ist auch das aus meiner Sicht verbleibende Problem bezüglich update Funktion) und setze data-device auf das Device, das die Daten für das Logfile liefert.

Zu der Linie am Anfang: Das kann ich bei mir nicht nachvollziehen und es sollte eigentlich nur dann passieren, wenn bei den von fhem übermittelten Daten (HTTP Get im widget_chart.js aufgebaut aus columnspec etc.) der Zeitwert Sprünge macht. Damit ich mir das anschauen kann, bräuchte ich ein Stück des Logfiles (am besten 1-2 Tage) bei dem das Verhalten auftritt.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: nhetzke am 27 September 2016, 13:08:22
Für das Thema Update habe ich eine Lösung, probier mal die angehängte neue Version (@setstate: das ist auch das aus meiner Sicht verbleibende Problem bezüglich update Funktion) und setze data-device auf das Device, das die Daten für das Logfile liefert.

Zu der Linie am Anfang: Das kann ich bei mir nicht nachvollziehen und es sollte eigentlich nur dann passieren, wenn bei den von fhem übermittelten Daten (HTTP Get im widget_chart.js aufgebaut aus columnspec etc.) der Zeitwert Sprünge macht. Damit ich mir das anschauen kann, bräuchte ich ein Stück des Logfiles (am besten 1-2 Tage) bei dem das Verhalten auftritt.

1. Die Datei werde ich testen.
2. Logs hängen an.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 27 September 2016, 13:11:01
Zu1: Ich habe natürlich die Version gemeint, die ich direkt an mein vorheriges posting gehängt habe. Auf die erste Seite kommt die erst, wenn ich noch ein bisschen getestet habe (da sind auch noch ein paar andere Korrekturen und Verbesserungen drin).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 27 September 2016, 13:47:16
Zu2: Danke für die Logfiles. Das Problem lag an einem Fehler beim Typ "histeps", der erste Wert wurde nicht richtig gesetzt. Sollte in der an dieses Post angehängten Version beseitigt sein.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: nhetzke am 27 September 2016, 13:49:32
Zu1) Augenscheinlich noch ohne autom. Update :( Diagramm wird nicht fortgeführt.
Zu2) Eingespielt und funktioniert.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 27 September 2016, 13:53:20
Zu1: kannst Du mir mal die chart definition posten?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: nhetzke am 27 September 2016, 14:20:03
Zu1: kannst Du mir mal die chart definition posten?
Du möchtest doch bestimmt das was ich bereits in diesem
https://forum.fhem.de/index.php/topic,48450.msg495801.html#msg495801
Post drinn hatte?
Alternativ im Anhang ;)

Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 27 September 2016, 16:25:26
Das ist genau das, was ich vermutet hatte ;).

Wie von mir beschrieben, musst Du zusätzlich zur Verwendung des neuen widget_chart.js auch folgenden Eintrag in Dein Definitionsfile einfügen:
data-device="xxx"Als "xxx" musst Du den Namen des Devices eintragen, dessen Änderungen das Update triggern sollen.

Die FileLog Devices bekommen (zumindest nach meiner Beobachtung) keine Updates, auch wenn sich ihr Inhalt ändert. Daher musste ich einen anderen Weg finden. Falls das Update auf dem Device zu häufig passiert (z.B. bei Devices mit vielen readings, von denen aber nur wenige geloggt werden), muss man eventuell einen dummy definieren, der per notify entsprechend seltener getriggert wird, und den dann als data-device nehmen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: setstate am 27 September 2016, 17:55:14
Die Update Funktion von chart ist aber auch sehr umfangreich, ich sehe da nur sehr schwer durch.

Bei Simple Chart habe ich nur diese 4 Zeilen

    function update(dev,par) {
        this.elements.filterDeviceReading('get',dev,par)
        .each(function(index) {
            refresh($(this));
        });
     };

Wenn Device und Parameter matchen, dann Refresh.

Reagieren auf Popup kann man mit
       elem.closest('[data-type="popup"]').on("fadein", function(event) {
           // do something
       });
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: gloob am 27 September 2016, 19:03:38
Die Plots sehen jetzt sehr gut aus. Vielen Dank für den Fix
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: nhetzke am 27 September 2016, 20:08:07
Das ist genau das, was ich vermutet hatte ;).

Wie von mir beschrieben, musst Du zusätzlich zur Verwendung des neuen widget_chart.js auch folgenden Eintrag in Dein Definitionsfile einfügen:
data-device="xxx"Als "xxx" musst Du den Namen des Devices eintragen, dessen Änderungen das Update triggern sollen.

Die FileLog Devices bekommen (zumindest nach meiner Beobachtung) keine Updates, auch wenn sich ihr Inhalt ändert. Daher musste ich einen anderen Weg finden. Falls das Update auf dem Device zu häufig passiert (z.B. bei Devices mit vielen readings, von denen aber nur wenige geloggt werden), muss man eventuell einen dummy definieren, der per notify entsprechend seltener getriggert wird, und den dann als data-device nehmen.

Alles klar, werd ich mal testen. Vorab jedoch die Frage ob ich auch mehr als nur ein Device angeben kann? In meinem Fall kommen die Werte der beiden Graphen aus unterschiedlichen Devices und FileLogs.
ZB so?
data-device='["xxx","zzz"]'
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: nhetzke am 28 September 2016, 07:48:42
Alles getestet und für gut befunden.
Zusätzliche Linie ist weg und das automatisches Nachladen bzw. Weiterführen des Graphen ohne Reload der gesamten Seite funktioniert.  8)
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 28 September 2016, 08:25:59
schön zu hören. Deine Frage bezüglich mehrerer Devices habe ich gerade mal getestet. Scheint direkt nicht zu funktionieren (das update wird ja von außen getriggert, da müsste @setstate mal schauen). Was Du auf jeden Fall machen kannst, ist das, was ich bezüglich notify geschrieben habe. Also ein notify welches von allen Devices, die Du haben möchtest, getriggert wird und das dann z.B. den Status eines Dummy setzt, der wiederum als device beim chart angegeben ist (geht vielleicht auch einfacher, ist aber das was mir spontan dazu einfällt). Müsste bei Dir so ähnlich aussehen:
define test_multitrigger dummy
define ntf_test notify .*BMP180|AussenTemperatur.*:.*pressure-nn|temperature.* set test_multitrigger $EVENT
in der Chart Definition:
data-device="test_multitrigger"
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Tobias am 28 September 2016, 09:46:20
Hi,
ist dieses Widget das, was im Repo von setstate ist?
https://github.com/knowthelist/fhem-tablet-ui
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 28 September 2016, 12:49:10
Nein, da ist die letzte Version noch nicht enthalten. Werde ich aber in den nächsten Tagen an setstate weiter geben.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: setstate am 28 September 2016, 13:07:33
Wenn ich alles richtig gemacht habe, ist seit gestern die Version aus #68 im Repo zu finden.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 28 September 2016, 13:36:12
Super, danke Mario. Kannst Du noch die dazughörige css (angehängt) auch noch dazu packen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 13 Oktober 2016, 18:03:41
Hi,
im TabletUI Wiki steht geschrieben:
Zitat
Three classes define default values for the texts (small, normal, big).
Das bezieht sich aber wohl nicht auf die Achsenbeschriftungen, denn da kann ich zwischen den drei Klassen keine Unterschiede feststellen - oder?
Danke & Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 14 Oktober 2016, 09:22:53
Ich habe das gerade noch mal bei mir ausprobiert. Die Achsenbeschriftungen werden bei den 3 Klassen auch unterschiedlich dargestellt. Eventuell hilft es, den Browser Cache mal zu löschen (Strg + Shift + Entf.).

Schau auch mal nach, ob Du im css Ordner die Datei ftui_chart.css hast. Dort sind alle Werte für die Darstellung definiert (und können bei Bedarf auch noch detailliert angepasst werden).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 14 Oktober 2016, 15:58:45
Hmm... das ist wirklich komisch. ftui_chart.css ist vorhanden und aktuell. Alle anderen class-Änderungen (nobuttons...) werden sofort angezeigt, nur der Text bleibt immer gleich groß. Kann das etwas damit zu tun haben, dass es sich um ein popup handelt?
<div class="dialog">
        <header>Temperaturverlauf</header>
        <div class="big"
data-type="chart"
data-height="400"
         data-device="KS300"
         data-logdevice='["FileLog_KS300"]'
         data-columnspec='["4:T"]'
         data-style='["ftui l0"]'
         data-ptype='["lines"]'
         data-uaxis='["primary"]'
         data-yunit="°C"
         data-ytext=""
         data-legend='[""]'
         data-minvalue="auto"
         data-maxvalue="auto"
         data-yunit_sec=""
         data-ytext_sec=""
         data-yticks="auto"
         data-minvalue_sec="auto"
         data-maxvalue_sec="auto"
         data-daysago_start="1"
         data-daysago_end=""
         data-crosshair="true"
         data-cursorgroup="1"
         data-scrollgroup="1"
         data-showlegend="false"
         data-xticks="360"
>
</div>
    </div>
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 14 Oktober 2016, 17:03:07
Also mit dem Popup scheint das nichts zu tun zu haben. Ich habe Deine Def mal bei mir testweise eingebaut und auch im Popup wird der Font unterschiedlich dargestellt.

Hast Du den Cache gelöscht wenn Du die Änderung in der HTML Definition gemacht hast und bevor Du dann die Seite noch mal neu aufrufst?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 14 Oktober 2016, 17:19:29
Ja, Cache gelöscht, mehrfach. Und wie gesagt: Die anderen class-Optionen werden ja auch anstandslos (auch ohne den Cache zu löschen) umgesetzt. Ich komme nicht dahinter.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 14 Oktober 2016, 18:00:02
Jetzt geht's - ich habe die  ftui_chart.css von Deinem Post w.o. genommen (hatte ich übersehen). Die war anscheinend nicht über das reguläre update reingekommen.
Vielen Dank!
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: setstate am 14 Oktober 2016, 19:43:05
Hallo eki,

gib mir bitte mal hier den gesammelten letzten Stand aller Files. 

Und übrigens: vielen Dank für dein großartiges Chart Engagement !


Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 17 Oktober 2016, 08:11:15
OK, ich habe die neuste Version auf der ersten Seite dieses Threads aktualisiert.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stril am 23 Oktober 2016, 06:50:49
Hallo!

Ich habe leider auch ein Problem mit dem Chart-Widget:
Ein Chart, das einen Dummy zeigt, aktualisiert nicht. Angezeigt wird ein Dummy, der in einen Filelog geschrieben wird.

Das Eigenartige: Aktualisiere ich den Dummy, wird in FHEM ein Event generiert, aber dieses Event dann nicht im TabletUI-Eventmonitor angezeigt. Auch der Shortpoll hilft nicht. Ich muss den Browser aktualisieren.
Packe ich den Dummy als Label in TabletUI, wird er perfekt per Longpoll aktualisiert.

Habt ihr dazu eine Idee?

<div class="normal"
        data-type="chart"
        data-logdevice='["FileLog_sA_Bodenfeuchte"]'
        data-columnspec='["3:sA_Bodenfeuchte.*::"]'
        data-style='["ftui l0fill"]'
        data-ptype='["lines"]'
        data-uaxis='["primary"]'
        data-legend='["Bodenfeuchte"]'
        data-yunit="%"
        data-ytext="Bodenfeuchte"
        data-minvalue="auto"
        data-maxvalue="auto"
        data-height="200"
        data-yticks="auto"
        data-minvalue_sec="auto"
        data-maxvalue_sec="auto"
        data-nofulldays="true"
        data-daysago_start="0"
        data-cursorgroup="1"
        data-scrollgroup="1"
        data-xticks="auto">
</div>
--> wird nicht aktualisiert

<div data-type="label"
             data-device="sA_Bodenfeuchte"
             data-get="state"
             data-unit=" %"
             class="inline">
</div>
--> wird aktualisiert



Grüße
Phil
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stril am 25 Oktober 2016, 11:27:29
Hallo!

Hat noch jemand eine Idee, wie ich die Aktualisierung irgendwie einstellen kann?

Danke und Grüße
Phil
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 26 Oktober 2016, 09:48:07
Ja, habe ich ;). Wie ich schon weiter vorne beschrieben habe, klappt das mit der Aktualisierung nur dann, wenn Du zusätzlich zu dem Logdevice noch eine Zeile mit data-device = ... einfügst. In dieser Definition muss dann das Device (nicht das Logdevice) angegeben werden, welches die Events generiert, die das Logfile füllen (in Deinem Fall also der Dummy). Blöderweise generiert eine Aktualisierung der Infos im Logdevice anscheinend keine Events die eine Antwort auf das longpoll aus FHEM heraus triggern.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stril am 26 Oktober 2016, 10:17:22
Hallo Eki!

Danke für die Antwort.
Ich habe das data-device hinzugefügt, die aktuellste Version des Chart-Widgets genommen und das Update wird getriggert. Dafür wird der Plot meist erst nach einem Reload angezeigt. Vorher ist der Plot einfach nicht vorhanden.

Hast Du dazu auch noch einen Ansatz? Das Ganze betrifft alle meine Plots. Sie werden einfach nicht zuverlässig beim ersten Versuch angezeigt.


Danke und Grüße
Phil

Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 26 Oktober 2016, 12:48:47
So auf Anhieb habe ich keine Antwort. Sind das "normale" plot widgets oder popups? Was heißt denn Die Plots werden "erst beim reload" dargestellt. Du rufst Die Seite doch mehr oder weniger immer durch einen "reload" auf. Oder meinst Du dass der erste Seitenaufruf grundsätzlich nichts darstellt und dann der zweite Aufruf ("reload") erst die Plots lädt.
Was ganz interessant wäre, wäre wenn Du in Deiner Index Datei mal das debug attribut setzen würdest (<meta name="debug" content="1">) und dann die Ausgabe auf der Konsole (zur Konsole kommt man in dem meisten Browsern durch rechte Maustaste im Browser Anzeigefenster und Auswahl "Inspect Element") hier postest.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stril am 26 Oktober 2016, 13:19:15
Hallo!

Ich habe aktuell zwei Plots auf unterschiedlichen Pagebuttons. Mal lädt einer davon, mal beide, mal keiner. Wenn ich einen Reload der ganzen Seite mache, klappt es praktisch immer, aber nicht beim ersten Versuch. Debug ist ein:

Full refresh done in 0.3s for 1471 parameters
Start Longpoll in 5s
Longpoll started

Beim "Untersuchen" sehe ich:

<div class="normal" data-type="chart" data-device="sA_Bodenfeuchte" data-logdevice="[&quot;lp&quot;]" data-logfile="CURRENT" data-columnspec="[&quot;FileLog:FileLog_sA_Bodenfeuchte,interpolate,extend=24*60*60,predict:3:sA_Bodenfeuchte.*::&quot;]" data-style="[&quot;ftui l0fill&quot;]" data-ptype="[&quot;lines&quot;]" data-uaxis="[&quot;primary&quot;]" data-legend="[&quot;Bodenfeuchte&quot;]" data-yunit="%" data-ytext="Bodenfeuchte" data-minvalue="auto" data-maxvalue="auto" data-height="200" data-yticks="auto" data-minvalue_sec="auto" data-maxvalue_sec="auto" data-daysago_start="0" data-cursorgroup="1" data-scrollgroup="1" data-xticks="auto" data-daysago_end="now" data-nofulldays="true">
<svg class="basesvg1" style="overflow: visible; width: 93%; height: 200px; display: inline;"><g id="classesContainer" stroke="grey"></g></svg></div>

...aber es bleibt schwarz.

Nach dem Reload sind dann Daten in der Ausgabe:

...
<path d="M42,189 L 42,165.60989499192198 110.07977192982456,119.72500000000022 110.792649122807,50.449999999999804 224.14012280701755,119.72500000000022 225.20943859649122,50.449999999999804 225.92231578947366,119.72500000000022 228.06094736842104,50.449999999999804 229.48670175438596,119.72500000000022 231.62533333333332,50.449999999999804 233.05108771929824,119.72500000000022 256.93247368421055,148.25000000000006 257.28891228070177,119.72500000000022 257.645350877193,189 258.0017894736842,148.25000000000006 258.0017894736842,119.72500000000022 258.0017894736842,26.000000000000217 258.71466666666663,119.72500000000022 280.4574210526316,189 280.81385964912283,119.72500000000022 326.438,119.72500000000022 L326.438,189 Z" class="ftui l0fill" style="stroke-width: 2px; fill: url(#gr_ftui0)" id="primary-graph-2-0-lines" animstate="hide" min="189" max="26" xrange="326.438"></path>

Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 26 Oktober 2016, 13:30:22
sind die 3 Zeilen
Full refresh done in 0.3s for 1471 parameters
Start Longpoll in 5s
Longpoll started
echt alles was in der Konsole steht wenn Du im Index File debug auf 1 setzt?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stril am 26 Oktober 2016, 13:47:56
Hallo!

Leider ja...

Grüße
Phil
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 26 Oktober 2016, 14:26:28
@setstate: gibt es, was die Update Funktion betrifft, ein anderes Verhalten bei Pagebutton Aufrufen der einzelnen Seiten verglichen mit einem Reload einer Setie?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: setstate am 26 Oktober 2016, 16:07:49
Wenn die Unterseiten mit class="prefetch" schon im Hintergrund geladen werden, ist der Unterschied, dass das Chart nicht sichtbar ist beim Anlegen, weil der übergeordnete Container hidden ist.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stril am 26 Oktober 2016, 21:27:39
Hallo!

Ich habe es gerade mal getestet:

OHNE Prefetch ist alles prima. Die Plots werden angezeigt.
MIT Prefetch ist es Glückssache. Mal alle Plots, mal keiner.

Hab jetzt erstmal Prefetch abgeschaltet.

Danke für den Hinweis!

Grüße
Phil
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 27 Oktober 2016, 08:22:18
Dann weiß ich zumindest mal woran es liegt, muss aber noch nachdenken wie ich das etwas genereller abfange (bisher habe ich nur den Popup Fall berücksichtigt).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stril am 27 Oktober 2016, 08:50:47
Hallo!

Super!
Vielen Dank schonmal!

Grüße
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: netbus am 27 Oktober 2016, 12:53:33
Hi,
ich habe so ein ähnliches Phänomen.
Ich habe zwei Widgets auf einer Seite wovon eines ein simplechart und das andere ein normales chart ist. Mittels Popup wird dann ein Chart Graph geöffnet.
Nach dem die Seite geladen ist, sieht man den simplechart Graph und der chart Graph bleibt leer.
Erst wenn ich einmal auf den chart Graph clicke wird er geladen. Woran kann das liegen?
<!DOCTYPE html>
<html>
<head>
    <!--
     /* FHEM tablet ui */
     /*
     * UI builder framework for FHEM

     *
     * Version: 2.2.*

     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015-2016 Mario Stephan <mstephan@shared-files.de>
     * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
     *
     * - create a new folder named 'tablet' in /<fhem-path>/www
     * - copy all files incl. sub folders into /<fhem-path>/www/tablet
     * - add 'define TABLETUI HTTPSRV ftui ./www/tablet Tablet' in fhem.cfg
     * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
     */
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="widget_base_width" content="116">
    <meta name="widget_base_height" content="151">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="gridster_disable" content="1">
    <meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
    <meta name="debug" content="1"> <!-- verbose level 1-6 = output to console;0 = not output -->



    <link rel="stylesheet" href="lib/jquery.gridster.min.css" />
    <link rel="stylesheet" href="css/fhem-tablet-ui.css" />
    <link rel="stylesheet" href="lib/font-awesome.min.css" />
    <link rel="stylesheet" href="lib/jquery.toast.min.css" />
    <link rel="stylesheet" href="lib/openautomation.css" />


    <!-- define your personal style here, it wont be overwritten  -->
    <!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
    <!-- link rel="stylesheet" href="css/fhem-tablet-ui-user.css" / -->

    <script src="../pgm2/jquery.min.js"></script>
    <script src="lib/jquery.toast.min.js"></script>
    <script src="lib/jquery.gridster.min.js"></script>
    <script src="js/fhem-tablet-ui.js" defer></script>

    <title>FHEM-Tablet-UI</title>

</head>
<body>

<div class="gridster">
<ul>
<li data-row="1" data-col="2" data-sizex="4" data-sizey="1">
<div data-type="popup" data-width="800px" data-heigth="600">
<div data-type="simplechart"
        data-device="AktuellerVerbrauch"
        data-logdevice="FileLog_AktuellerVerbrauch"
        data-columnspec="3:AktuellerVerbrauch.*::"
        data-yticks="500"
        data-xticks="240"
        data-width="100%"
        data-height="100%"
        data-daysago="1"
        data-minvalue="0"
        data-maxvalue="3000"
        data-caption="Stromverbrauch" class="fullsize">
    </div>
<div class="dialog">
<div class="fullsize"
                data-type="chart"
                data-logdevice='["FileLog_AktuellerVerbrauch"]'
                data-columnspec='["3:AktuellerVerbrauch"]'
                data-style='["ftui l0fill"]'
                data-ptype='["lines"]'
                data-uaxis='["primary"]'
                data-minvalue="auto"
                data-maxvalue="auto"
                data-yticks="auto"
                data-minvalue_sec="auto"
                data-cursorgroup="1"
                data-scrollgroup="1"
                data-maxvalue_sec="auto"
                data-daysago_start="0"
                data-daysago_end="-1"
                data-nofulldays="true"
                data-xticks="auto"
                data-height="80%"
                data-width="100%">
</div>
</div>
</div>
</li>
<li data-row="1" data-col="6" data-sizex="4" data-sizey="1">
<div data-type="popup" data-width="800px" data-heigth="600">
<div class="fullsize prefetch"
                data-type="chart"
                data-logdevice='["FileLog_Tempsensor"]'
                data-columnspec='["4:Tempsensor_T1.temperature"]'
                data-style='["ftui l0fill"]'
                data-ptype='["lines"]'
                data-uaxis='["primary"]'
                data-minvalue="auto"
                data-maxvalue="auto"
                data-yticks="auto"
                data-minvalue_sec="auto"
                data-cursorgroup="1"
                data-scrollgroup="1"
                data-maxvalue_sec="auto"
                data-daysago_start="0"
                data-daysago_end="-1"
                data-nofulldays="true"
                data-xticks="auto"
                data-height="80%"
                data-width="100%">
</div>
<div class="dialog">
<div class="fullsize"
                data-type="chart"
                data-logdevice='["FileLog_Tempsensor"]'
                data-columnspec='["4:Tempsensor_T1.temperature"]'
                data-style='["ftui l0fill"]'
                data-ptype='["lines"]'
                data-uaxis='["primary"]'
                data-minvalue="auto"
                data-maxvalue="auto"
                data-yticks="auto"
                data-minvalue_sec="auto"
                data-cursorgroup="1"
                data-scrollgroup="1"
                data-maxvalue_sec="auto"
                data-daysago_start="0"
                data-daysago_end="-1"
                data-nofulldays="true"
                data-xticks="auto"
                data-height="80%"
                data-width="100%">
</div>
</div>
</div>
</li>
</ul>
</div>
</body>
</html>
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 27 Oktober 2016, 15:16:19
Hallo zusammen,

könnt Ihr mit der angehängten Testversion mal testen. Ich hoffe, dass das die beiden berichteten Probleme beseitigt (das Zeichnen des Charts hängt jetzt nicht mehr am Typ sondern am "sichtbar Werden").
Die Änderung ist aber an so zentraler Stelle, dass ich darum bitte, das ausgiebig zu testen, um sicher zu stellen, dass es keine Regressionen gibt.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: netbus am 27 Oktober 2016, 15:32:05
Habs jetzt auf die schnelle getestet und meine Probleme sind behoben.
Danke
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stril am 29 Oktober 2016, 22:06:03
Hallo!

Die neue Version scheint gut zu laufen.

Grüße und Danke!
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: netbus am 30 Oktober 2016, 12:17:17
Hallo!

Die neue Version scheint gut zu laufen.

Grüße und Danke!
Mir ist jetzt aufgefallen, dass sich seit diesem Update die Charts nicht mehr von selber aktualisieren

Gesendet von meinem SM-G935F mit Tapatalk

Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: haempy am 01 November 2016, 11:58:25
Servus,

sehr schönes Widget! Habs auch gleich bei mir eingebunden!
Aber die Buttons "vor,zurück,legend und cursor und +-" gehen bei mir nicht unter Android und touch!
Wenn ich eine Maus anschließe gehts, aber ziemlich schlecht... Curser bewegt sich nicht wirklich.
Habs mit mehreren Geräten ausprobiert.

Muss ich da was einstellen, oder geht es tatsächlich (noch) nicht?

Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 07 November 2016, 09:53:28
Mir ist jetzt aufgefallen, dass sich seit diesem Update die Charts nicht mehr von selber aktualisieren

Gesendet von meinem SM-G935F mit Tapatalk

Also bei mir klappt das Update immer noch. Hast Du den Parameter data-device definiert? Nur über diesen Parameter, der auf das Device zeigen muss, welches die Daten erzeugt (nicht das Logdevice) kann ein update getriggert werden.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 07 November 2016, 10:20:19
Servus,

sehr schönes Widget! Habs auch gleich bei mir eingebunden!
Aber die Buttons "vor,zurück,legend und cursor und +-" gehen bei mir nicht unter Android und touch!
Wenn ich eine Maus anschließe gehts, aber ziemlich schlecht... Curser bewegt sich nicht wirklich.
Habs mit mehreren Geräten ausprobiert.

Muss ich da was einstellen, oder geht es tatsächlich (noch) nicht?

Welchen Browser verwendest Du unter Android? Ich kann unter Android leider aus Mangel an Geräten nicht testen, muss mal schauen, was ich da machen kann.
Titel: Anker für Gitterlinien im Chart-Widget?
Beitrag von: DocCyber am 07 November 2016, 12:57:27
Guten Tag,

das neue Chart-Widget ist klasse!

Ein "Problem" konnte ich bislang nicht lösen:
Wie erreiche ich, dass sich die horizontalen Gitterlinien bei zwei y-Skalen entweder an der linken oder der rechten Skala orientieren?
Im gezeigten Beispiel sind die Gitterlinien rechts verankert.
Bei den SVG-Plots unter FHEM kann ich die Verankerung mit der Option Grid aligned festlegen.
(vgl Screenshots.)

Danke euch!
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 07 November 2016, 13:32:09
Bisher ist das so, dass die Zeichenreihenfolge bestimmt, welche Achse "gewinnt".

Das Widget arbeitet die einzelnen Graphen in der umgekehrten Reihenfolge ab, in der sie im Definitionsfile auftauchen (wenn also Arrays angegeben sind, von rechts nach links). Sobald einer der Graphen einer Achse zugeordnet ist, die Zwischenlinien erhält, wird diese Achse mit den Linien gezeichnet, danach werden keine waagerechten Linien mehr gezeichnet.
Wenn Du also willst, dass die Sekundärachse (also die rechte) die Linien bekommt, muss diese als letzte auftauchen, wenn es die Primärachse sein soll entsprechend anders herum.

Das ist, zugegeben, nicht sehr intuitiv  ???, ich mach mir mal Gedanken, wie ich das besser lösen kann. Aber als "Notlösung" einfach die Reihenfolge entsprechend anpassen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: DocCyber am 07 November 2016, 16:42:58
  nicht sehr intuitiv

Stimmt - selbst bei langem Nachdenken kommt man nicht drauf.  ;)

Es muss aber nicht immer komfortabel sein; deine Erklärung für einen Lösungsweg reicht [mir] aus.
Vielleicht solltest du das aber noch dokumentieren, möglicherweise suchen andere auch danach!  8)

Jedenfall vielen Dank!!
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: netbus am 14 November 2016, 11:55:38
Ist es möglich, dass man sich die letzten 24h anzeigen lassen kann?
Aktuell geht mein Graph immer bis 00:00. Das heißt wenn ich um 8 Uhr morgens den Graph betrachte ist eine große Leere zu sehen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 14 November 2016, 12:35:45
Ja, das geht mit den folgenden 3 Einstellungen:
data-daysago_start="24h"
data-daysago_end="0h"
data-nofulldays="true"
ausserdem solltest Du die Version unter
https://forum.fhem.de/index.php/topic,60274.msg521285.html#msg521285 (https://forum.fhem.de/index.php/topic,60274.msg521285.html#msg521285)
verwenden (ansonsten wird beim Update die Zeitachse nicht "weitergeschoben", war noch ein Fehler).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: netbus am 14 November 2016, 12:53:00
Danke funktioniert.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 14 November 2016, 12:57:34
Vorsicht, da ist noch ein Fehler drin, in der Version funktioniert das schieben und zoomen nicht mehr. Ich werde asap eine Korrektur nachliefern.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 14 November 2016, 13:17:44
Korrektur ist jetzt an der vorher angegebenen Stelle, bitte austauschen, sorry für das Chaos.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: haempy am 26 November 2016, 10:01:35
Welchen Browser verwendest Du unter Android? Ich kann unter Android leider aus Mangel an Geräten nicht testen, muss mal schauen, was ich da machen kann.

Servus und sorry für die späte Antwort.

Ich verwende Androiden von 4.x - 6.0
Weder unter Chrome noch beim Fullyfullscrenn Browser funktioniert es.

Mein Wandtablet hat Android 6.0 und den Fully. Da wäre es der wahnsinn, wenn es funktionieren würde  8) ;D

Gruß
Roland
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 28 November 2016, 11:19:14
Noch eine Frage: funktionieren wirklich alle Buttons nicht (also +/- </> Legend Cursor) oder geht einer von denen (Hintergrund ist dass für die verschiedenen Buttons z.T. unterschiedliche Methoden verwendet werden und wenn irgendetwas davon geht lässt das Schlüsse auf den Fehler zu).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: freetz am 28 November 2016, 19:54:52
Auch wenn ich nicht direkt angesprochen war: Bei mir tritt das Problem bei Firefox mit den Zoom- und Verschiebe-Buttons dann auf, wenn ich das Widget über meinen DynDNS-Namen aufrufe, der nicht über den Standard-Port 8083 geht, sondern über 18083. Wenn ich die Installation über die lokale IP aufrufe, gibt es keine Probleme.
[EDIT: Die Buttons werden ausgeführt, jedoch mit extremer Verzögerung (Minuten?) - solange ist auch kein anderer Button auf der Seite anklickbar, auch außerhalb des Chart-Widgets]

Ein anderer seltsamer Fehler taucht bei mir aber auf, wenn ich bestimmte Werte plotten möchte, die sich von den übrigen aber eigentlich nicht unterscheiden (sollten): Ich möchte von meinem Max-Wandthermostat sowohl die gemessene Temperatur als auch die Ziel-Temperatur plotten lassen. Die gemessene Temperatur wird angezeigt, die Ziel-Temperatur (desiredTemperature) jedoch nicht und führt dazu, dass das Chart gänzlich leer bleibt. In der Konsole erscheint der Fehler
TypeError: pointsarray[k][ i ] is undefined [Weitere Informationen] widget_chart.js:720:5
In der Log-Zeile darüber wird allerdings noch gemeldet "function widget_chart.refresh() Got 53 points for Graph 2".
Es werden also genug Werte gefunden, die über eine sqlite3-Abfrage im Vergleich auch genau so aussehen, wie die der Ist-Temperatur.

Kann ich da noch weitere Informationen beisteuern oder worauf ich achten sollte?

Vielen Dank und beste Grüße


Frederik
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 28 November 2016, 21:11:24
Das. Verhalten mit den Buttons ist schon sehr eigenartig. Offensichtlich braucht das Get welches die Punkte vom Server holt sehr lange (oder der Aufbau des Charts, aber der läuft ja komplett auf dem Client, deshalb tippe ich auf die Kommunikation zu Fhem). Es gibt im Browser die Möglichkeit zu schauen wie lange die einzelnen get brauchen (rechte Maustaste inspect und dann auf den Reiter Network gehen).

Für das zweite Problem wäre es schön mal die Chart Definition und die Ausgabe der Konsole zu sehe, poste das mal bitte, dann schau ichs mir an.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: freetz am 28 November 2016, 22:53:44
Danke für die schnelle Rückmeldung, ich glaube ich habe den Fehler gefunden, als ich mir das XHR-Log im Browser angeschaut habe: Der pointsarray-Fehler tritt dann auf, wenn bei den zurückgemeldeten Readings (in dem Fall der Ziel-Temperatur) Werte leer sind. Das sollte vermutlich eigentlich nicht vorkommen, ist aber bei mir bei einigen Einträgen in der Datenbank der Fall (reproduzierbar immer dann, wenn ich die Max auf "auto" anstatt auf eine feste Gradzahl setze. Da ich mir die Daten im 24h-Rückblick anzeigen lasse, scheint es jetzt gerade zu gehen, weil im Moment kein Leerfeld in dem Datenbereich ist. Wenn ich jetzt 24h zurück gehe, wird der Graph angezeigt, so dass das der Fehler nur dann zu einem komplett leeren Diagramm führt, wenn dieser Fehler in der initialen Darstellung auftaucht.

Hier wie gewünscht die Definition und das Protokoll:

<div    data-type="chart"
data-logdevice='["logdb"]'
data-logfile="HISTORY"
data-columnspec='["Wohnzimmer_Thermostat:valveposition","Wohnzimmer_Wandthermostat:temperature","Wohnzimmer_Wandthermostat:desiredTemperature"]'
data-style='["ftui l6fill","ftui l0fill","ftui l0"]'
data-ptype='["steps","quadraticSmooth","steps"]'
data-uaxis='["primary","secondary","secondary"]'
data-legend='["Ventil","Ist-Temperatur","Soll-Temperatur"]'
data-yunit_sec="&deg; C"
data-ytext_sec="Temperatur"
data-minvalue_sec="-5"
data-maxvalue_sec="30"
data-yunit="%"
data-ytext="Prozent"
data-height="300"
data-yticks="auto"
data-minvalue="0"
data-maxvalue="100"
data-daysago_start="24h"
data-daysago_end="0h"
data-nofulldays="true"
data-cursorgroup="1"
data-scrollgroup="1"
class="wider"
data-xticks="auto">

GET XHR http://local.abcde.de:18083/fhem/fhem/ [HTTP/1.1 200 OK 84ms]
Antwort
2016-11-26_22:52:25 16.0
2016-11-26_22:59:49 16.0
2016-11-26_23:29:50 16.0
2016-11-26_23:50:05 16.0
2016-11-27_00:21:21 16.0
2016-11-27_00:53:06 16.0
2016-11-27_01:24:30 16.0
2016-11-27_01:56:05 16.0
2016-11-27_02:27:21 16.0
2016-11-27_02:59:04 16.0
2016-11-27_03:30:27 16.0
2016-11-27_04:02:01 16.0
2016-11-27_04:33:31 16.0
2016-11-27_05:05:08 16.0
2016-11-27_05:36:39 16.0
2016-11-27_06:08:07 16.0
2016-11-27_06:39:45 16.0
2016-11-27_07:11:20 16.0
2016-11-27_07:42:34 16.0
2016-11-27_08:14:16 16.0
2016-11-27_08:45:38 16.0
2016-11-27_09:17:12 16.0
2016-11-27_09:48:41 16.0
2016-11-27_10:20:22 16.0
2016-11-27_10:51:42 16.0
2016-11-27_11:23:14 16.0
2016-11-27_11:54:42 16.0
2016-11-27_12:26:22 16.0
2016-11-27_12:30:50
2016-11-27_12:30:50 16
2016-11-27_12:30:51 20.0
2016-11-27_12:31:01 16.0
2016-11-27_12:31:19
2016-11-27_12:31:20 20.0
2016-11-27_13:03:37 20.0
2016-11-27_13:35:08 20.0
2016-11-27_14:06:36 20.0
2016-11-27_14:37:59 20.0
2016-11-27_15:09:34 20.0
2016-11-27_15:41:04 20.0
2016-11-27_16:12:30 20.0
2016-11-27_16:44:08 20.0
2016-11-27_17:15:41 20.0
2016-11-27_17:47:04 20.0
2016-11-27_18:18:39 20.0
2016-11-27_18:50:10 20.0
2016-11-27_19:21:52 20.0
2016-11-27_19:53:14 20.0
2016-11-27_20:10:20 20.0
2016-11-27_20:41:56 20.0
2016-11-27_21:13:28 20.0
2016-11-27_21:44:54 20.0
2016-11-27_21:50:42 20.0
2016-11-27_21:53:38 20.0
2016-11-27_22:07:52
2016-11-27_22:07:52 16
2016-11-27_22:08:02 16.0
2016-11-27_22:10:16
2016-11-27_22:10:17 20.0
2016-11-27_22:30:28 17.0
#Wohnzimmer_Wandthermostat:desiredTemperature:::


2 function widget_chart.refresh() Got 60 points for Graph 3widget_chart.js:51:35
TypeError: pointsarray[k][i] is undefined [Weitere Informationen]widget_chart.js:720:5
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: freetz am 28 November 2016, 22:59:01
Ja, das geht mit den folgenden 3 Einstellungen:
data-daysago_start="24h"
data-daysago_end="0h"
data-nofulldays="true"

Und darf ich hier noch mal nachfragen, ob es auch möglich ist, auf der X-Achse bei diesen (sehr praktischen!) Einstellungen trotzdem nur volle Stunden angezeigt zu bekommen? Jetzt ist es 22:57 und ich bekomme dann immer Markierungen zu xx:57. Toll wäre, wenn ich auch bei einem etwa 1000 Pixel breiten Chart auf der X-Achse für jede volle Stunde eine Markierung erzeugen lassen könnte. Geht das vielleicht schon oder darf ich mir das wünschen ;)?

Viele Grüße

F.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 29 November 2016, 08:00:22
Danke für die Hinweise, mal wieder ein Spezialfall, den es abzufangen gilt, ich werde mich darum kümmern.

Das mit den geraden Stunden geht bisher nicht, ich werde mal schauen, ob ich Deinen Wunsch noch vor Weihnachten erfüllen kann.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: freetz am 29 November 2016, 08:16:36
Das wäre toll, vielen Dank!
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: freetz am 29 November 2016, 12:42:51
...gerade noch mal die Datenbank überprüft: Die "leeren" Einträge für dieses Feld sind wohl korrekt, denn ich kann den Heizkörpern mit dem Befehl "desiredTemperature" entweder einen Zahlenwert (nämlich die Gradzahl) übermitteln oder den Parameter "auto" oder "eco", woraufhin die entsprechend in dem Thermostat hinterlegte Temperatur übermittelt wird. Aus welchen Gründen auch immer (vielleicht, weil der Modul-Maintainer die Spalte "Value" in der Datenbank numerisch halten möchte) wird bei nicht-Zahlen dann ein Leerstring gespeichert.
Würde es vielleicht ein Workaround sein, bei der Befüllung bzw. der Multiplikation des pointsarray-Arrays (in Zeile 720) zu prüfen, ob es sich um eine Zahl oder um einen (Leer-)String handelt und bei letzterem den Wert einfach zu überspringen? Ich habe das gerade einmal versucht, bin aber kein JavaScript-Programmierer, dann kommt ein Fehler, dass p in Zeile 1451 nicht definiert ist. Vermutlich müsste man also diesen Fall anderswo/früher abfangen...
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 30 November 2016, 08:05:43
So, Weihnachten ist schon heute. Ich habe einen neue Version angehängt, die einerseits mit den leeren Feldern zurecht kommen sollte (die Einträge mit leeren Werten werden jetzt ignoriert) und andererseits die Möglichkeit bietet, die von Dir gewünschte x-Achsen Beschriftung mit geraden Stunden zu versehen. Dazu muss ein zusätzlicher Parameter in die Chart Definition:

data-xticks_round="h"(das "h" steht für Stunden, man kann auch auf Tage "d" und Wochen "w" runden falls man Charts mit längeren Zeiträumen hat Monate und Jahre gehen noch nicht, weil das etwas komplizierter ist wegen der unterschiedlichen Monatslängen und Schaltjahre, dazu hatte ich keine Zeit ;-) ).

Zusätzlich habe ich bei der Gelegenheit auch noch ein weiteres Feature eingebaut. Mit

data-xticks_angle="45"Hermit kann man die x-Achsen Beschriftung drehen (die Zahl steht für einen beliebigen Winkel). Das ist manchmal ganz praktisch, wenn man sehr schmale Charts hat (z.B. bei Hochkant UIs)

Probiers mal aus, und sag Bescheid ob es klappt, falls ja, würde ich es für alle freigeben.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 30 November 2016, 13:31:12
Hi,
gibt es eigentlich irgendeine Möglichkeit, um z.B. bei einer Temperaturkurve Höchst- und Tiefstwert eines zurückliegenden Zeitraums X anzuzeigen?
Bevor ich das Rad neu erfinde, denn auch außerhalb des Chart Widgets habe ich dazu nichts gefunden, um etwa beim KS300 mit diesen Werten arbeiten zu können.
Muss man sich die selbst aus dem Log zusammenformeln? Oder über movingAverage berechnen?
Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Mario67 am 30 November 2016, 13:46:10
So etwas würde ich eher in FHEM machen (z.B. mit http://fhem.de/commandref.html#statistics (http://fhem.de/commandref.html#statistics)) in in FTUI nur anzeigen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: freetz am 30 November 2016, 13:50:15
So, Weihnachten ist schon heute.
Probiers mal aus, und sag Bescheid ob es klappt, falls ja, würde ich es für alle freigeben.

Wow, klasse! Funktioniert prima, und das Drehen der x-ticks macht dann auch noch mal mehr Sinn, wenn es wie jetzt kurz vor voller Stunde ist und sonst am Rand die Datumsangabe mit der Zeit überlappen könnte (wäre aber auch ohne diesen neuen Parameter nur ein zu vernachlässigendes kosmetisches Problem).

Also: Vielen, vielen Dank!
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: freetz am 30 November 2016, 13:52:47
So etwas würde ich eher in FHEM machen (z.B. mit http://fhem.de/commandref.html#statistics (http://fhem.de/commandref.html#statistics)) in in FTUI nur anzeigen.

DbRep würde auch gut dafür gehen, wenn man DbLog statt FileLog einsetzt:
commandref_DE.html#DbRep
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 30 November 2016, 15:01:31
So etwas würde ich eher in FHEM machen (z.B. mit http://fhem.de/commandref.html#statistics (http://fhem.de/commandref.html#statistics)) in in FTUI nur anzeigen.
Vielen Dank für den Hinweis - statistics war mir bisher noch nicht über den Weg gelaufen, scheint aber genau das zu liefern, was ich suche.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 30 November 2016, 15:10:03
DbRep würde auch gut dafür gehen, wenn man DbLog statt FileLog einsetzt:
commandref_DE.html#DbRep
Das Thema DbLog wollte ich mir eh mal durcharbeiten; DbRep scheint aber doch etwas komplexer zu sein für die eher simple Aufgabenstellung...
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: freetz am 01 Dezember 2016, 06:41:33
Hallo eki,

dürfte ich mir noch eine Sache wünschen ;)? Momentan richtet sich das Diagramm in der Höhe exakt an dem größten bzw. kleinsten Wert eines Zeitraums aus. Das bedeutet, dass bei länger unveränderten Werten diese quasi am jeweiligen Rand "kleben" und es dann danach aussieht, als wären für diesen Zeitraum keine Werte da oder diese vielleicht kleiner/größer als die Anzeige erlaubt. Könnte man es so einstellen (bzw. einstellbar machen), dass z.B. das Diagramm oben und unten noch einen Abstand von einem halben Tick (oder was auch immer am einfachsten umzusetzen ist) ober- bzw. unterhalb der jeweilgen Extrema bekommt?
Ich verspreche, dann bin ich auch rundum zufrieden :)!

Viele Grüße


Frederik
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 01 Dezember 2016, 18:00:04
das kann ich sicher einbauen (aber nicht per default, sondern über einen neuen Parameter, sonst wundern sich alle, warum die Plots plötzlich anders aussehen, außerdem kann man dann über den Parameter gleich angeben, wie viel Platz man haben möchte), dauert diesmal aber ein bisschen, weil ich die nächsten Tage erst mal keine Zeit haben werde.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: freetz am 01 Dezember 2016, 18:18:41
Das mit dem Parameter wäre natürlich Luxus :)! Und ja, lass Dir natürlich Zeit, finde ich ja so schön klasse, dass Du so auf User-Wünsche eingehst :)...
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 09 Dezember 2016, 12:49:43
Es gibt jetzt eine Version zum Testen. Die erfordert allerdings einen Umstieg auf die FTUI Version 2.4. Siehe
https://forum.fhem.de/index.php/topic,61799.msg536168.html#msg536168 (https://forum.fhem.de/index.php/topic,61799.msg536168.html#msg536168)
Zum Setzen der Margin oben und unten gibt es 2 neue Parameter:
data-y_margin='["5","10"]'
data-y_margin_sec="5"
Die Parameter können entweder als Array mit 2 Werten (für Margin unten und oben) oder als ein Wert (dann sind beide Margins gleich) gesetzt werden. Die Angabe des Abstandes ist in Pixeln.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: freetz am 09 Dezember 2016, 21:45:28
Hallo eki,

danke für das Update! Allerdings funktioniert es bei mir nicht; habe heute mit update all die gesamte FHEM-Installation inkl. FTUI geupdated, die fhem-tablet-ui.js ist auf 2.4.1, die beiden Dateien sind in das js-Verzeichnis kopiert, aber die beiden Einträge
        data-y_margin="10"
        data-y_margin_sec="10"
zeigen keine Wirkung, die Graphen kleben immer noch an den Rändern.

Muss ich noch etwas beachten?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 10 Dezember 2016, 09:52:03
Verwendest Du data-maxvalue="auto" ? Die Margins werden nur verwendet wenn die Automatik für den Wertebereich aktiviert ist.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: freetz am 10 Dezember 2016, 11:40:43
Ah, danke, daran lag's! Auch auf die Gefahr hin, dass ich nerve, aber wäre es möglich, diese Margins auch bei fixen Skalenwerten zu verwenden? Der Grund, warum ich "auto" i.d.R. nicht verwende, ist, dass die Skalen verändern, wenn man durch die Tage klickt und die Werte (wie z.B. bei den Ventilöffnungen der Thermostate) von Tag zu Tag stark variieren. Damit ist dann die Vergleichbarkeit nicht mehr (auf den ersten Blick) gegeben und ich nehme z.B. bei der Ventilöffnungs-Skala eine fixe Skala von 0 bis 100.

Wenn sich das also auch bei fixen Skalen einbinden ließ, wäre das toll, ansonsten geht aber wie gesagt auch die Welt nicht unter ;)...
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 11 Dezember 2016, 12:39:49
Bei festen Werten verstehe ich den Sinn nicht so ganz. Man kann doch die festen Werte entsprechend anpassen. Mich würde das verwirren, wenn ich feste Werte setze und dann die noch mal durch ein Margin verschiebe.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: freetz am 11 Dezember 2016, 12:52:48
Es ist letzlich eine optische Frage: Klar könnte ich bei der Skala für die Ventilöffnung (die die Maximal-/Minimal-Werte eigentlich immer von 0 bzw. 100 immer ausreizt) z.B. Werte von -5% bis 105% angeben, um oben und unten "Luft" zu haben. Aber solche unsinnigen Werte zu verwenden, nur um oben und unten etwas "Luft" zur Achse zu haben, sieht dann auch nicht besonders gut/professionell aus. Daher meine Frage...
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 12 Dezember 2016, 12:56:00
Ich habe das jetzt mal bei mir ausprobiert. Wenn ich -5 und 105 als minvalue und maxvalue angebe und yticks auf "auto" setze, dann kommt genau folgendes heraus. Was ist daran denn anders als an einer Margin?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: freetz am 12 Dezember 2016, 19:17:39
Du hast Recht, ich bin davon ausgegangen, dass die Min- und Max-Werte immer Teil der Tabellen-Skala sind und von denen aus die einzelnen Skalenabstände gezählt werden. Tun sie (zumindest bei -5 bis 105) aber nicht und ich habe weiterhin eine "sinnvolle" Skala von 0 bis 100 und gleichzeitig die gewünschten Abstände, insofern ist das jetzt genau so, wie ich mir das vorgestellt habe - dank' Dir also noch mal für Deinen Einsatz und sorry für meine (nun wirklich) unnötige Nachfrage.

Gruß,

Frederik
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Aeroschmelz am 28 Dezember 2016, 13:05:08
Danke für die schnelle Rückmeldung, ich glaube ich habe den Fehler gefunden, als ich mir das XHR-Log im Browser angeschaut habe: Der pointsarray-Fehler tritt dann auf, wenn bei den zurückgemeldeten Readings (in dem Fall der Ziel-Temperatur) Werte leer sind. Das sollte vermutlich eigentlich nicht vorkommen, ist aber bei mir bei einigen Einträgen in der Datenbank der Fall (reproduzierbar immer dann, wenn ich die Max auf "auto" anstatt auf eine feste Gradzahl setze. Da ich mir die Daten im 24h-Rückblick anzeigen lasse, scheint es jetzt gerade zu gehen, weil im Moment kein Leerfeld in dem Datenbereich ist. Wenn ich jetzt 24h zurück gehe, wird der Graph angezeigt, so dass das der Fehler nur dann zu einem komplett leeren Diagramm führt, wenn dieser Fehler in der initialen Darstellung auftaucht.

Bei mir kommt es zum gleichen Fehler, wenn ich die desired-temp Werte von FHT Komponenten plotten möchte. Zwei funktionieren, zwei funktionieren mit gleicher Fehlermeldung nicht. Bei mir bringt aber auch die Änderung des Zeitraums nicht. Gibt es da schon eine endgültige Lösung für?

Danke im voraus.

Viele Grüsse
Marcus
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Morrino am 30 Dezember 2016, 12:04:44
Hi,

ich hänge gerade daran mir ein Chart Diagramm zu erstellen, wenn der Log Eintrag mehrere Werte hat.

Ich speichere meine Werte alle in DBLog.

Als Beispiel das Reading Ram von sysmon wird ja folgendermaßen abgelegt:

Total: 925.54 MB, Used: 119.29 MB, 12.89 %, Free: 806.25 MB
Wenn ich jetzt nur den Wert 12,89% haben möchte. wie müsste ich das in "data-columnspec" ansprechen?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: schmimat am 18 Januar 2017, 16:46:15
Hallo,

ich bin gerade dabei mein Charts zu erstellen und würde gerne die Farben des Charts auf das "Flex mint" Design anpassen.

Um die ftui_charts.css nicht zu verändern hab ich
.chart-background {
   /* fill:url(#gr_bgftui); */
   /* fill-opacity: 1; */
   fill: #bbb;
}

in meiner fhem-tablet-ui-user.css stehen.

Jedoch sehe ich keine Veränderung. Ander Änderungen (z.B. Dialog Farbe ändern) funktionieren.

Wo liegt das Problem

Vielen Dank für die Hilfe

mfG Matthias
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 19 Januar 2017, 15:45:52
Da hat sich mal wieder ein Fehler ins widget_chart.js eingeschlichen. Das Modul hängt bisher die ftui-chart.css zur Laufzeit ans Ende des headers und damit überschreibt diese die fhem-tablet-ui-user.css Einstellungen wenn es die gleichen Klassen sind.
Ich habe das geändert, und hänge das ftui-chart.css direkt vor fhem-tablet-ui-user.css (falls vorhanden) dann klappt es. Ich werde baldmöglichst mal wieder ein Update verbreiten.

Falls Du es schnell brauchst, lass es mich wissen, dann schicke ich Dir eine Vorabversion.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: MichaelT am 19 Januar 2017, 18:22:31
Hallo eki,


Ich hab mal ne Frage.
Ich habe mehrere Charts in unterschiedlichen Popups eingebaut. Die Werte kommen aus dblog. Nun habe ich bemerkt, dass ftui auch bei geschlossenem Popup recht träge war. Nachdem ich die Charts entfernt habe, war ftui wiedrr flott.

Werden die charts auch bei geschlossenem popup aktualisiert?

Bei meinem alten nexus 7 geht sogar im Problemfall der akku trotz ladegerät leer.

Info: Die Eventrate im dblog ist schon recht hoch.


Gruß Michael
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 20 Januar 2017, 09:21:13
Hallo Michael,

Hier das Verhalten, wie es gedacht ist, und zumindest bei meiner Windows Testumgebung auch nachvollziehbar ist:

Sofern Du data-device für die Charts gesetzt hast, wird bei jeder Änderung eines Parameters des devices ein update für das chart widget ausgelöst (das ist ftui Grundfunktion, und funktioniert bei allen widgets so). Falls Du kein data-device gesetzt hast, gibt es auch keine automatischen Updates und das Chart wird nur dann gezeichnet, wenn es erstellt wird (siehe unten) oder wenn bei geöffnetem Chart irgendeiner der Buttons zum Zoomen oder Verschieben betätigt wird.
Die popup Charts "schlafen" bis sie das erste mal aufgerufen werden (per klick auf das entsprechende Label, Button, etc.). Erst dann wird das Chart wirklich angelegt und gezeichnet (ich habe jetzt festgestellt, dass alle bis dahin aufgelaufenen updates jeweils zu einem Neuzeichnen führen, was natürlich quatsch ist, da muss ich noch mal forschen). Solange dann das Popup sichtbar ist, führen Updates zum Neuzeichnen. Wenn das Popup danach wieder unsichtbar gemacht wird, laufen die Updates zwar beim Chart Widget ein, führen aber nicht zum Neuzeichnen. Wenn das Popup Chart dann das nächste Mal sichtbar wird, führen die Updates auch wieder zum Neuzeichnen.

Um Dein Problem mal einzugrenzen, wäre es sinnvoll, wenn Du mal die data-device settings bei den Charts herausnimmst, und beobachtest, ob das Verhalten dann anders ist.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: MichaelT am 20 Januar 2017, 18:20:44
Danke für die Info,

schau ich mir nochmal genauer an.

Gruß
Michael

EDIT:
Hab es nun mit data-device eingebaut. Alle 2 Minuten eine Event. Enorme Verbesserung!
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: schmimat am 23 Januar 2017, 14:17:22
Hallo,

danke erstmal für die tolle Arbeit.

Ich hab jetzt mein Chart so erzeugt, wie ich es mir vorstelle. (Y-Achse und sec-Y-Achse "gleiche Achsen"; siehe Bild)
data-yunit=" °C"
data-ytext="Temperatur [°C]"
data-minvalue="-17,5"
data-maxvalue="27,5"
        data-yticks='[[-15,-15],[-10,-10],[-5,-5],[0,0],[5,5],[10,10],[15,15],[20,20],[25,25]]'
data-y_margin='["5","10"]'
        data-yunit_sec=" %"
data-ytext_sec="Prozent [%]"
        data-minvalue_sec="-5"
data-maxvalue_sec="105"
data-yticks_sec='[[0,0],[25,25],[50,50],[75,75],[100,100]]'

Leider werden am Curser nur im Bereich 0 bis -5 die "wahren Werte" dargestellt.
Es wird auch die data-yunit nicht angezeigt.

Wo liegt das Problem ?

Vielen Dank für eure Bemühungen

mfG Matthias

Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 23 Januar 2017, 14:53:57
Bitte ändere mal die arrays für yticks folgendermaßen:

data-yticks='["[-15,-15]","[-10,-10]","[-5,-5]","[0,0]","[5,5]","[10,10]","[15,15]","[20,20]","[25,25]"]'
data-yticks_sec='["[0,0]","[25,25]","[50,50]","[75,75]","[100,100]"]'
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: schmimat am 23 Januar 2017, 15:19:23
Hi,

danke für die schnelle Antwort.

Die Werte am Curser gehen. Die Legenden sind blank.

mfG Matthias
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 23 Januar 2017, 15:51:43
Die Legende soll nur einen Hinweis darstellen, was die verschiedenen Linie bedeuten (und beim Klick auf die Texte können die einzelnen Linien aus- und eingeblendet werden). Hier ist nicht beabsichtigt auch aktuelle Werte darzustellen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: schmimat am 23 Januar 2017, 16:31:25
Hi,

sorry, nicht die Legende ist blank, sondern die Beschriftung der y-Achsen.

In der ursprünglichen Version (ohne "") wird die Beschriftung der y-Achse angezeigt, jedoch ohne Unit (-10, statt -10 °C ),

Mit "auto" wird die Unit data-yunit=" °C" korrekt an der Y-Achsenbeschriftung angezeigt

mfG Matthias
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 24 Januar 2017, 15:07:15
OK, ich habe mich jetzt noch mal etwas intensiver mit dem Thema yticks beschäftigt (ist schon recht lange her, dass ich das eingebaut hatte und ich hatte gar nicht mehr alle Variante auf der Pfanne  ???).
Es gibt im Prinzip 4 Varianten (gilt für yticks und yticks_sec gleich):

Soweit ich Deinen Ansatz verstehe, würde für Dich also am ehesten der 3. Fall in der Liste gelten. Allerdings habe ich beim Ausprobieren hier noch einen Fehler festgestellt, der genau dann zuschlägt, wenn eine 0 in der Liste der Werte des Arrays enthalten ist. Ich habe den Fehler korrigiert, und die korrigierte Version hier angehängt. Bitte teste das mal (einfach die datei ins js Verzeichnis kopieren und vor dem Testen den Cache des Browsers löschen). Falls es OK ist würde ich es dann als neue "offizielle" Version freigeben (da sind auch noch einige andere inzwischen festgestellte Korrekturen enthalten).
[/list]
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: schmimat am 25 Januar 2017, 12:35:27
Hi,

Danke für die Infos und die Arbeit.
Die Probleme mit fhem-tablet-ui-user.css und den data-yticks sind jetzt behoben. (fast)

Gibt es die Möglichkeit der Nachkommestellen bei der 3. Variante zu verändern?

Leider wird das Chart mit der neuen Funtion if (!$.fn.visibilityChanged) ... im Popup Dialog nicht immer (oft nicht) angezeigt.

Fehler in Console:

TypeError: elem.visibilityChanged is not a function

Liegt es vielleicht daran?
Zitat
- Departure: Auto refresh nach Popup öffnen oder Seitenwechsel mit Pagebutton
https://forum.fhem.de/index.php/topic,65604.0.html (https://forum.fhem.de/index.php/topic,65604.0.html)


<div data-type="popup" data-height="550px" data-width="650px" data-mode="fade" data-draggable="true">
    <div data-type="link" class="large thin">Show Chart</div>
    <div class="dialog">
    <header class="small">Chart Wohnzimmer</header>
    <div data-type="chart"
                        data-height="500px" data-width="600px"
        data-device="EG.WZ.RT"
data-logdevice="logdb"
        data-logfile="HISTORY"
data-columnspec='["EG.WZ.RT:actuator","EG.WZ.RT:measured-temp","EG.WZ.RT:desired-temp","GA.VO.TH:temperature"]'
data-style='["ftui l1","ftui l0","ftui l2","ftui l5"]'
data-ptype='["steps","steps","steps","steps"]'
data-uaxis='["secondary","primary","primary","primary"]'
data-legend='["Ventil Pos.","Ist Temp.","Soll Temp.","Aussen Temp."]'
data-xticks="auto"
data-xticks_round="h"
data-xticks_angle="45"
data-yunit=" °C" data-ytext="Temperatur [°C]"
data-minvalue="-17,5" data-maxvalue="27,5"
data-yticks='[-15,-10,-5,0,5,10,15,20,25]'
data-y_margin='["5","10"]'
data-yunit_sec=" %" data-ytext_sec="Prozent [%]"
data-minvalue_sec="-5" data-maxvalue_sec="105"
data-yticks_sec='[0,25,50,75,100]'
data-daysago_start="48h" data-daysago_end="0h"
data-nofulldays="true"
data-crosshair="true"
data-cursorgroup="1"
data-scrollgroup="1"
data-showlegend="true">
    </div>
</div>
</div>

Vielen Dank für Deine Bemühungen

mfG Matthias
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 26 Januar 2017, 09:21:00
Bei den Nachkommastellen war noch ein Fehler (sollten eigentlich immer maximal 2 sein). Ich habe das jetzt angepasst (siehe Anhang) und einen zusätzlichen Parameter "data-cursor_digits" eingebaut (defaultmäßig auf 5), mit dem man das einstellen kann.

Das 2. Problem kann ich bei mir leider nicht nachvollziehen. Bei mir klappt das mit den Popups zuverlässig. Den Hinweis mit Departure verstehe ich nicht (dass Departure jetzt irgendwie automatisch aktualisiert wird hat doch nichts mit Chart zu tun oder?!). Um das einzukreisen, bräuchte ich noch ein paar Zusatzinfos (z.B. einen kompletten Konsolenauszug um zu sehen was da alles davor und danach passiert, oder etwas mehr zu deiner Definition der Seite). Der Teil mit "if (!$.fn..." ist ja nicht wirklich neu. Ich habe das was da in der Version 2.4 enthalten war einfach nur dahingehend geändert, dass geschaut wird, ob die visibilityChanged Funktion schon da ist damit das nicht zig mal überschrieben wird.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: schmimat am 26 Januar 2017, 10:53:04
Das Chart wird bei mir jetz super angezeigt.

Danke.

Leider funktioniert das ganze bei mir noch nicht im Popup. Bin noch am Fehler suchen.
Der Hinweis mit dem Departure ist, beim nochmaligen nachdenken, nicht sinnvoll.

Im Anhang ein Auszug der Console mit verbose=6

Hier der Aufbau meiner Seiten:

index_flex.html

<!DOCTYPE html>
<html>
<head>
    <!--
     /* FHEM tablet ui */
     /*
     * UI builder framework for FHEM
     *
     * Version: 2.2.2
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015-2016 Mario Stephan <mstephan@shared-files.de>
     * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
     *
     * Example for a flexbox layout instead of gridster
     */
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
    <meta name="toast" content="0">
    <meta name="debug" content="0"> <!-- verbose level 1-6 = output to console;0 = not output -->
   
    <link rel="icon" href="favicon.ico" type="image/x-icon" />

    <!-- define your personal style here, it wont be overwritten  -->
    <link rel="stylesheet" href="css/ftui-bright-mint-ui.css" />
<link rel="stylesheet" href="css/fhem-tablet-ui-user.css" />

    <script src="js/fhem-tablet-ui.js" defer></script>

    <title>FHEM-Tablet-UI</title>
</head>
<body>
<nav class="menu">
<div class="menu-trigger"></div>
<header class="">Menu</header>
<ul>
    <li>
        <div data-type="link" data-url="#myftui_flex/content_eg.html"
        data-color="white"
        data-width="85"
        data-load="#content_eg"
        data-text-align="left"
        data-active-pattern="(.*/||.*#myftui_flex/content_eg.html)"
        data-icon="oa-control_building_s_eg" class=" large"><span>EG</span></div>
    </li>
<li>
        <div data-type="link" data-url="#index_flex_demo.html"
        data-color="white"
        data-width="85"
        data-load="#content1_kg"
        data-text-align="left"
        data-active-pattern="(.*/||.*#index_flex_demo.html)"
        data-icon="oa-control_building_s_kg" class=" large"><span>KG</span></div>
    </li>
    <li>
        <div data-type="link" data-url="#index_flex_demo2.html"
        data-color="white"
        data-width="85"
        data-load="#content2"
        data-text-align="left"
        data-active-pattern=".*#index_flex_demo2.html"
        data-icon="fa-music" class=" large"><span>Customers</span></div>

    </li>
    <li>
        <div data-type="link" data-url="#flex_demo_footer.html"
        data-load="#demo-footer"
        data-color="white"
        data-width="85"
        data-text-align="left"
        data-active-pattern=".*#flex_demo_footer.html"
        data-icon="fa-sliders" class="large"><span>Users</span></div>

    </li>
    <li>
        <div data-type="link" data-url="#myftui_flex/content_service.html"
        data-load="#content_service"
        data-color="white"
        data-width="85"
        data-text-align="left"
        data-active-pattern="(.*/||.*#myftui_flex/content_service.html)"
        data-icon="fa-lightbulb-o" class="large">
        <span>Settings</span>
        </div>
    </li>
  </ul>
</nav>
<main>
    <div class="page" id="content_eg"></div>
    <div class="page" id="content2">
    <div class="page" id="demo-footer"></div>
    <div class="page" id="content_service"></div>
</main>
</body>
</html>

content_eg.html im Unterverzeichniss tablet/myftui_flex

<main id="content_eg">
<header>EXAMPLE2</header>
<!-- place your widget here -->
<div data-type="chart"
data-height="500px" data-width="600px"
data-device="EG.WZ.RT"
data-logdevice="logdb"
data-logfile="HISTORY"
data-columnspec='["EG.WZ.RT:actuator","EG.WZ.RT:measured-temp","EG.WZ.RT:desired-temp","GA.VO.TH:temperature"]'
data-style='["ftui l1","ftui l0","ftui l2","ftui l5"]'
data-ptype='["steps","steps","steps","steps"]'
data-uaxis='["secondary","primary","primary","primary"]'
data-legend='["Ventil Pos.","Ist Temp.","Soll Temp.","Aussen Temp."]'
data-xticks="auto"
data-xticks_round="h"
data-xticks_angle="45"
data-yunit=" °C" data-ytext="Temperatur [°C]"
data-minvalue="-17,5" data-maxvalue="27,5"
data-yticks='[-15,-10,-5,0,5,10,15,20,25]'
data-y_margin='["5","10"]'
data-yunit_sec=" %" data-ytext_sec="Prozent [%]"
data-minvalue_sec="-5" data-maxvalue_sec="105"
data-yticks_sec='[0,25,50,75,100]'
data-daysago_start="48h" data-daysago_end="0h"
data-nofulldays="true"
data-crosshair="true"
data-cursorgroup="1"
data-scrollgroup="1"
data-showlegend="true">
</div>
<div data-type="popup" data-height="440px" data-width="430px"  data-mode="fade" data-draggable="false">
    <div>
        <header>Thermostat Wohnzimmer</header>
        <div data-type="thermostat"
            data-device="EG.WZ.RT_Clima"
            data-get="desired-temp"
            data-step="0.1"
              data-temp="measured-temp"
              data-valve="ValvePosition"
              class="readonly">
        </div>
    </div>
        <div class="dialog" style="overflow: hidden;">
        <header class="small">Thermostat Wohnzimmer</header>
            <div data-type="thermostat"
                 data-device="EG.WZ.RT_Clima"
                 data-get="desired-temp"
                 data-set="desired-temp"
                 data-step="0.1"
                 data-temp="measured-temp"
                 data-valve="ValvePosition"
                 class="tall top-space">
</div>
        <div class="inline top-narrow-2x">
        <div data-type="push"
                 data-device="EG.WZ.RT_Clima"
                 data-set="controlMode"
                 data-set-on="manual"
                 data-set-off="!manual"
                 data-on-color="#333"
                 data-off-color="#333"
                 data-on-background-color="#aa6900"
                 data-off-background-color="#555"
                 data-icon="oa-sani_heating_manual"
                 data-background-icon="fa-square"
                 class="big top-narrow-2x" alt="foo">
        </div>
        <div data-type="label" class="top-space darker">Manuell</div>
            </div>
          <div class="inline top-narrow-2x">
        <div data-type="push"
                 data-device="EG.WZ.RT_Climate"
                 data-set="controlMode"
                 data-set-on="auto"
                 data-set-off="!auto"
                 data-on-color="#333"
                 data-off-color="#333"
                 data-on-background-color="#aa6900"
                 data-off-background-color="#555"
                 data-icon="oa-sani_heating_automatic"
                 data-background-icon="fa-square"
                 class="big top-narrow-2x" alt="foo">
            </div>
            <div data-type="label" class="top-space darker">Automatik</div>
        </div>
</div>
</div>
<div data-type="popup" data-height="550px" data-width="650px" data-mode="fade" data-draggable="false">
    <div data-type="link" class="large thin">Show Chart</div>
    <div class="dialog">
<header class="small">Chart Wohnzimmer</header>
<div data-type="chart"
data-height="500px" data-width="600px"
data-device="EG.WZ.RT"
data-logdevice="logdb"
data-logfile="HISTORY"
data-columnspec='["EG.WZ.RT:actuator","EG.WZ.RT:measured-temp","EG.WZ.RT:desired-temp","GA.VO.TH:temperature"]'
data-style='["ftui l1","ftui l0","ftui l2","ftui l5"]'
data-ptype='["steps","steps","steps","steps"]'
data-uaxis='["secondary","primary","primary","primary"]'
data-legend='["Ventil Pos.","Ist Temp.","Soll Temp.","Aussen Temp."]'
data-xticks="auto"
data-xticks_round="h"
data-xticks_angle="45"
data-yunit=" °C" data-ytext="Temperatur [°C]"
data-minvalue="-17,5" data-maxvalue="27,5"
data-yticks='[-15,-10,-5,0,5,10,15,20,25]'
data-y_margin='["5","10"]'
data-yunit_sec=" %" data-ytext_sec="Prozent [%]"
data-minvalue_sec="-5" data-maxvalue_sec="105"
data-yticks_sec='[0,25,50,75,100]'
data-daysago_start="48h" data-daysago_end="0h"
data-nofulldays="true"
data-crosshair="true"
data-cursorgroup="1"
data-scrollgroup="1"
data-showlegend="true">
</div>
</div>
</div>
</main>
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 26 Januar 2017, 11:34:59
So, kaum hat man die richtigen Infos wirds auch klarer. Probiers mal mit der anghängten Version (lag wohl am draggable, da war noch ein blöder Fehler im Code).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: schmimat am 26 Januar 2017, 12:14:09
Super, klappte perfekt.  :) :) :) :) :)

Vielen Dank.

mfG Matthias
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 20 März 2017, 16:19:23
Es gibt eine neue Version (siehe Anfang dieses Threads).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Tobias am 23 März 2017, 08:35:48
Hi eki,
kommt die auch über das normale Update von setstate´s Repository mit rein? Oder hast du ein eigenes? Oder muss ich immer die aktuellste Version von hier kopieren?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 23 März 2017, 11:13:40
Normalerweise übernimmt setstate das in das standard repository.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 02 Mai 2017, 11:49:43
Es gibt eine neue Version (siehe https://forum.fhem.de/index.php/topic,48450.msg401006.html#msg401006 (https://forum.fhem.de/index.php/topic,48450.msg401006.html#msg401006) Anfang dieses Threads).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 02 Mai 2017, 13:50:37
Hallo,

gibt es auch schon eine Möglichkeit ein Kreisdiagramm darzustellen?

Danke,

Gruß
Tino

Die Möglichkeit gibt es jetzt (siehe https://forum.fhem.de/index.php/topic,48450.msg401006.html#msg401006 (https://forum.fhem.de/index.php/topic,48450.msg401006.html#msg401006) und https://wiki.fhem.de/wiki/FTUI_Widget_Chart (https://wiki.fhem.de/wiki/FTUI_Widget_Chart)
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: till24 am 17 Mai 2017, 09:25:41
Hallo zusammen,

ich möchte gerne den Status eines Xiaomi Fensterkontaktes als Diagramm bzw. Graph darstellen. Die "Messwerte" habe ich über logdb (sqlite) abgespeichert. Andere Daten (z. B. Temperaturen) lassen sich darstellen.
Die Device ID lautet: "XMI_158d000130XXXX" (die letzten vier Stellen habe ich ersetzt)

Wenn ich meine sqlite DB manuell abfrage bekomme ich folgendes Ergebnis:

select * from HISTORY where DEVICE="XMI_158d000130XXXX" oder by TIMESTAMP
2017-05-14 08:30:33|XMI_158d000130XXXX|XIAOMISMARTHOME_DEVICE|close|state|close|
2017-05-14 09:30:53|XMI_158d000130XXXX|XIAOMISMARTHOME_DEVICE|close|state|close|
2017-05-14 10:31:12|XMI_158d000130XXXX|XIAOMISMARTHOME_DEVICE|close|state|close|
2017-05-14 11:14:00|XMI_158d000130XXXX|XIAOMISMARTHOME_DEVICE|open|state|open|
2017-05-14 11:36:45|XMI_158d000130XXXX|XIAOMISMARTHOME_DEVICE|open|state|open|
2017-05-14 12:10:47|XMI_158d000130XXXX|XIAOMISMARTHOME_DEVICE|close|state|close|

Mit folgendem Code rufe ich das Diagramm auf:

<div data-type="chart"
data-device="XMI_158d000130XXXX"
data-logdevice="logdb"
data-logfile="HISTORY"
data-columnspec="XMI_158d000130XXXX:state:0::$val=($val=~\\x22open\\x22?1:0)"
data-style="ftui l4fill"
data-ptype="steps"
data-yticks='[[0,"geschlossen"],[1,"offen"]]'
data-legend="Fenster AUF/ZU"
data-minvalue="0"
data-maxvalue="1.1"
data-nofulldays="true"
data-daysago_start="1"
data-daysago_end="-1"
data-cursorgroup="1"
data-scrollgroup="1"
class="fullsize">
</div>

Leider bleibt das Diagramm jedoch leer. Könnt ihr mir helfen, wie ich es gefüllt bekomme?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 18 Mai 2017, 14:10:10
Es gibt mehrer Möglichkeiten für die columnspec:

1. als Array Element:
data-columnspec='["XMI_158d000130XXXX:state:0::$val=($val=~\\x22open\\x22?1:0)"]'

2. als String:
data-columnspec="XMI_158d000130XXXX:state:0::$val=($val=~\x22open\x22?1:0)"

Wenn man den Parameter als Array Element übergibt, dann wird irgendwie der erste \ vom \\ von javastript entfernt, wenn man nur einen String übergibt, dann nicht. Ich werde mal schauen ob ich da im Chart widget eine Korrektur einbauen kann.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: till24 am 18 Mai 2017, 14:34:19
..super, danke dir! mit nur einem "\" geht es dann..
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 30 Mai 2017, 18:11:45
Hi Eki,
sorry, aber ich muss mal mit einer ganz dummen Frage kommen. Ich habe eine Logfile, in der ich u.a. die Werte
Wasser
  und
Wassersensor
habe.

Und ich schaffe es nicht, data-columnspec auf "Wasser" zu beschränken, d.h. es holt sich auch immer die Werte von "Wassersensor".
Ich habe
data-columnspec='["4:Pool.Wasser:"]'versucht, mit Elementen aus meinem überschaubaren Regex-Vorrat anzureichern, z.B. mit "Wasser$" oder "Wasser\b" - ohne Erfolg. In meinem Verständnis hätte es ja ausreichen müssen, den Doppelpunkt nach "Wasser" einzusetzen.
Mit den Backslashvarianten (wie "Wasser\b") bekomme ich fhem sogar zuverlässig zum chrashen, soweit ich das auf die Schnelle beurteilen kann:
[Tue May 30 17:32:31 2017] fhem.pl: Argument "["4" isn't numeric in subtraction (-) at ./FHEM/92_FileLog.pm line 705, <GEN116> line 15.
<h1>Software error:</h1>
<pre>Trailing \ in regex m/Pool.Wasser\/ at ./FHEM/92_FileLog.pm line 754, <GEN116> line 16.
</pre>
<p>
For help, please send mail to this site's webmaster, giving this error message
and the time and date of the error.

</p>
[Tue May 30 17:32:31 2017] fhem.pl: Trailing \ in regex m/Pool.Wasser\/ at ./FHEM/92_FileLog.pm line 754, <GEN116> line 16.

Wie kriege ich denn die Werte nur für Wasser ins Diagramm?
Danke & Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 31 Mai 2017, 15:11:40
Hallo Martin,

hast Du ein paar Beispielzeilen aus Deinem Logfile.

Grundsätzlich sind die Doppelpunkte erst mal für die Trennung der Felder für fhem für die plot get Funktion da. Falls Du für das Filter (2. durch : getrenntes Feld in der Columnspec) auch noch einen ":" am End haben willst, musst Du den maskieren, damit fhem da nicht durcheinander kommt (ja, man kann mit ungünstigen columnspecs fhem zum Absturz bringen :-/). Was Du versuchen könntest ist data-columnspec='["4:Pool.Wasser\\x3a:"]' (x3a ist der ASCII Code für einen ':')
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 31 Mai 2017, 15:14:46
So sieht ein kpl. Datensatz im Log aus:
2017-05-30_16:08:43 Pool Wassersensor: -6.54 V
2017-05-30_16:08:43 Pool Grr: 99.38 mV
2017-05-30_16:08:43 Pool Kesseldruck: -398.08 mBar
2017-05-30_16:08:43 Pool Brr: 2.88 mV
2017-05-30_16:08:43 Pool CPU_Temp: 49.07 C
2017-05-30_16:08:43 Pool Redox: 707.00 mV
2017-05-30_16:08:43 Pool pH: 7.23 pH
2017-05-30_16:08:43 Pool Wasser: 24.06 C
2017-05-30_16:08:43 Pool Luft: 20.44 C
2017-05-30_16:08:43 Pool n.a.: 0.00 C
2017-05-30_16:08:43 Pool n.a.: 0.00 C
2017-05-30_16:08:43 Pool n.a.: 0.00 C
2017-05-30_16:08:43 Pool n.a.: 0.00 C
2017-05-30_16:08:43 Pool n.a.: 0.00 C
2017-05-30_16:08:43 Pool n.a.: 0.00 C
2017-05-30_16:08:43 Pool Polaritaet: 0.00 --
2017-05-30_16:08:43 Pool Zelle: 0.00 --
2017-05-30_16:08:43 Pool ph-: 0.00 --
2017-05-30_16:08:43 Pool Pumpe: 0.00 --
2017-05-30_16:08:43 Pool Hilfsrelais: 0.00 --
2017-05-30_16:08:43 Pool n.a.: 0.00 --
2017-05-30_16:08:43 Pool n.a.: 0.00 --
2017-05-30_16:08:43 Pool HilfsrelaisStand: 1.00 --
2017-05-30_16:08:43 Pool Wasserstand: 1.00 --
2017-05-30_16:08:43 Pool TASTER2: 0.00 --
2017-05-30_16:08:43 Pool TASTER3: 0.00 --
2017-05-30_16:08:43 Pool TASTER4: 0.00 --
2017-05-30_16:08:43 Pool n.a.: 0.00 --
2017-05-30_16:08:43 Pool n.a.: 0.00 --
2017-05-30_16:08:43 Pool n.a.: 0.00 --
2017-05-30_16:08:43 Pool n.a.: 0.00 --
2017-05-30_16:08:43 Pool n.a.: 0.00 --
2017-05-30_16:08:43 Pool n.a.: 0.00 --
2017-05-30_16:08:43 Pool n.a.: 0.00 --
2017-05-30_16:08:43 Pool n.a.: 0.00 --
2017-05-30_16:08:43 Pool Cl_Rest: 66.30 %
2017-05-30_16:08:43 Pool pH-_Rest: 81.70 %
2017-05-30_16:08:43 Pool pH+_Rest: 100.00 %
2017-05-30_16:08:43 Pool Cl_consumption: 0.00 g
2017-05-30_16:08:43 Pool pH-_consumption: 2.00 ml
2017-05-30_16:08:43 Pool pH+_consumption: 0.00 ml
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 31 Mai 2017, 15:21:01
Dann versuchs es mal mit der angegebenen Columnspec mit \\x3a
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 31 Mai 2017, 15:43:11
Damit tut's, vielen Dank!
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Mike081 am 24 Juni 2017, 11:52:45
Hallo

ich kämpfe schon ein paar Tage mit einem "gestapelten" Diagramm. In der Anleitung steht nämlich, dass wenn man hinter einen Linientyp ein :<num> setzt (also z.B. "lines:1"), wobei <num> für eine ganze Zahl steht, dann wird der jeweilige Graph auf den Graph mit der Nummer <num> gestapelt (also auf den Graphen oben drauf gesetzt).

leider funktionier es nicht bei mir.

anbei Code-Snippet:

data-logdevice='["FileLog_PM_Waschmaschine_Pwr","FileLog_CUL_EM_5","FileLog_CUL_EM_6","FileLog_WZlightdummy","FileLog_KHlightdummy"]'
  data-columnspec='["3:WM_AktuellerVerbrauch:","8:5MIN:","8:5MIN:","3:WZlightdummy","3:KHlightdummy"]'
data-style='["ftui l2fill","ftui l1fill","ftui l0fill","ftui 13fill","ftui 14fill"]'
data-ptype='["lines","lines:1","steps","steps","steps"]'
data-uaxis='["primary","primary","primary","primary","primary"]'

danke für Eure Hilfe!
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 26 Juni 2017, 08:25:53
Die Nummerierung der <num> Werte fängt bei 0 an. Wenn Du also den zweiten Graphen auf den ersten in der Liste stapeln willst sollte dort "lines:0" stehen. So wie es bei Dir steht, wird der zweite Graph (der mit der Nummer 1 da bei 0 angefangen wird) auf sich selbst gestapelt, was natürlich keinen großen Sinn macht.
Wie sieht denn Dein Chart mit der aktuellen Definition aus?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Mike081 am 26 Juni 2017, 21:30:24
Hallo Eki,

danke für Deine Hilfe!
leider funktioniert es noch nicht - nun werden nämlich SZ Rechner und WZ TV SET überhaupt nicht gezeigt.

  data-columnspec='["3:WM_AktuellerVerbrauch:","8:5MIN:","8:5MIN:","3:WZlightdummy","3:KHlightdummy"]'
data-style='["ftui l2fill","ftui l1fill","ftui l0fill","ftui l3fill","ftui l4fill"]'
data-ptype='["steps","steps:0","steps:1","steps","steps"]'
data-uaxis='["primary","primary","primary","primary","primary"]'
        data-legend='["BZ Waschmaschine","SZ Rechner","WZ TV SET","WZ light","KH light"]'
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 27 Juni 2017, 07:40:48
Die Definition sieht jetzt soweit OK aus (natürlich weiß ich nicht ob die Columnspec richtig ist und Daten liefert, weil ich Deine FHEM Konfiguration nicht kenne).
Wird es denn ohne das :<num> richtig angezeigt (also ohne Stacking)?
Hast Du auch die neueste Version des Chart widgets aus dem Anfang dieses Threads heruntergeladen und in Dein js Verzeichnis kopiert?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Mike081 am 27 Juni 2017, 20:12:03
Ja, die Daten werden erfolgreich geliefert, da das Diagramm nur mit data-ptype='["steps","steps","steps","steps","steps"]' problemlos gezeigt wird.
zur Version: ich habe die letzte FTUI Version mit Befehl "update all https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt" installiert.
hoffentlich ist das Chart Widget ein Teil davon?

Edit: funktioniert nun! habe die neue Version 26 runtergeladen.

danke für den Hinweis!
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: All-Ex am 30 Juni 2017, 23:13:21
Hi,

habe eben die Datei "widget_chart26.js" aus dem ersten Post in diesem Thread heruntergeladen. Am Anfang steht:

/* Version 2.5
/* Compatible FTUI Version <= 2.5

Ist das so richtig?

Ist es eigentlich auch möglich, die aktuelle Version über das normale FTUI-Update zu bekommen?

Grüße,
Alex
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 03 Juli 2017, 09:56:42
Ups, da ist ein Fehler in der Beschreibung. Die Version passt für 2.6 ff.

Bezüglich der Einbindung ins Update spreche ich mal mit Setstate.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Sabine am 11 August 2017, 16:12:37
Ich habe es geschafft ein schönes Diagramm zu entwerfen, die Daten werden richtig dargestellt, auch die Achsen passen. Nur leider zerschießt mir das Diagramm die Formatierung des übrigen UI-Layouts. Schriftart und Größe ändern sich auf allen Seiten (pagebutton) komplett, die angelegten Boxen (mit <li> ) haben plötzlich ein anderes Format. Komischerweise hat das Diagramm in seiner Box genug Platz und sollte eigentlich die Dinge drumrum nicht beeinflussen. Wird das Diagramm auskommentiert sieht wieder alles normal aus.

Hab es mit der "älteren" Version versucht und auch mit der neuen von Seite 1, leider keine Veränderung.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Thyraz am 25 August 2017, 13:17:01
Hi eki,

mit der aktuellen Version das setstate mit ausliefert funktioniert das mit dem "Neuzeichnen" bei Größenänderung des parent Divs bei mir nicht mehr.
(Device Rotation in Verbindung mit Responsive Design.)

Klappt das bei dir noch?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ToM_ToM am 25 August 2017, 13:25:40
Wird das über das Update von FTUI verteilt oder muss ich das manuell herunterladen?
Bisher habe ich nur das verwendet was FTUI mitliefert. Und damit habe ich auf einigen Geräten Probleme.

Vielleicht hilft ja die neue Version. :)
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 05 September 2017, 12:44:42
Ich habe es geschafft ein schönes Diagramm zu entwerfen, die Daten werden richtig dargestellt, auch die Achsen passen. Nur leider zerschießt mir das Diagramm die Formatierung des übrigen UI-Layouts. Schriftart und Größe ändern sich auf allen Seiten (pagebutton) komplett, die angelegten Boxen (mit <li> ) haben plötzlich ein anderes Format. Komischerweise hat das Diagramm in seiner Box genug Platz und sollte eigentlich die Dinge drumrum nicht beeinflussen. Wird das Diagramm auskommentiert sieht wieder alles normal aus.

Hab es mit der "älteren" Version versucht und auch mit der neuen von Seite 1, leider keine Veränderung.

Bitte Poste mal Dein HTML, sonst kann ich da wenig zu der Frage beitragen. :).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: devil77 am 08 September 2017, 14:30:16
Hallo,

kann man die oberen und unteren Grenzen analog zu einem SVG Plot auch berechnen lassen?
z. Bsp. $data{min1}-1
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 11 September 2017, 08:13:10
In welchem Zusammenhang möchtest Du das verwenden?

Zur Nutzung in der Überschrift geht das siehe https://wiki.fhem.de/wiki/FTUI_Widget_Chart  (https://wiki.fhem.de/wiki/FTUI_Widget_Chart)unter "Diagrammtitel"

Wenn Du das verwenden willst, um oben und unten Platz zu lassen, dann geht es über den Parameter data-y_margin bzw. data-y_margin_sec. Auch im Wiki (s.o.) nachzulesen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ChrisW am 20 September 2017, 21:16:30
würde mich mal über ein einfaches Beispiel im Wiki Freuen ;) Vielleicht einfach eins mit Temperatur/Luftfeuchte ? Die Beispiele dort sind schon recht Komplex :D
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Standarduser am 21 September 2017, 19:31:14
würde mich mal über ein einfaches Beispiel im Wiki Freuen ;) Vielleicht einfach eins mit Temperatur/Luftfeuchte ? Die Beispiele dort sind schon recht Komplex :D

Du brauchst doch nur das erste Beispiel nehmen und rauswerfen, was Du nicht brauchst.

<div data-type="chart"
data-device="HeizungWZ"
data-logdevice='["FileLog_HeizungWZ","FileLog_HeizungWZ"]'
data-columnspec='["4:measured-temp","4:humidity"]'
data-style='["ftui l0fill","ftui l1fill"]'
data-ptype='["lines","lines"]'
data-uaxis='["primary","secondary"]'
data-legend='["Temperatur","Luftfeuchte"]'
data-yunit="°C"
data-ytext="Temperatur"
data-yunit_sec="% rel."
data-ytext_sec="Feuchte"
data-height="250">
</div>
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ChrisW am 22 September 2017, 14:48:21
hm ja aber irgendwie wird beim ganzes Design zerstört. Schriftwart wird überallzu groß. Das war der alte Code der funktioniert.
<div data-type="simplechart"
data-device="temp_server"
data-logdevice="FileLog_temp_server"
data-columnspec="4:temperature"
data-minvalue="[21,20,16]"
data-maxvalue="[35,30,25]"
data-yticks="2"
data-caption="$min°C - $max°C"
data-height="250">
</div>

Verstehe das nicht wieso das auswirkugen auf alles andere haben kann.
Das Chart funktioniert aber im Popup :D
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ChrisW am 24 September 2017, 19:07:11
Keine eine idee ? Wieso wird mein Layout / CSS verstört ? Weiss leider auch nicht wo ich die Fehlersuche starten kann. Ist ja nur ein DIV getauscht worden mehr nicht.
Auch wenn ich es in eine eigene Box packe ..  auch wenn ich die Box an der größe anpasse daran liegt es nicht.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 26 September 2017, 08:06:34
Ich würde ja gern helfen, aber dazu bräuchte ich ein bisschen mehr Infos. Kannst Du bitte mal Deine chart Definition mit ein bisschen drum herum, also die Teile vor und nach dem eigentlichen DIV und die header Definitionen (am besten wäre die ganze HTML Seite) hier posten.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ChrisW am 26 September 2017, 08:30:38
okay hier die ganze Index aber noch mit dem normalen simplechart hab das mit deinem code ersetzt. Egal welches Beispiel sobald ich "cart" nutze zerhaut es mein design.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 26 September 2017, 17:32:28
Hallo ChrisW, ich habe Deine Index.html jetzt mal in meiner Umgebung geöffnet, und ein simple chart durch genau den Code ersetzt, den Standarduser gepostet hatte (für den Raum SERVER). Da zerschießt es bei mir nichts, das Layout sieht vorher und nachher gleich aus. Beim Klick auf das range widget öffnet sich brav das chart (natürlich ohne Graphen, weil ich die Devices ja nicht habe, hab mir lediglich einen dummy gebastelt, der "temp_server" simuliert).
Was mir an der Stelle aufgefallen ist, ist, dass Du in das Popup Widget jede Menge anderer Widgets reinpackst. Ich setze da immer nur das Widget auf das geklickt werden soll und den Dialog, der erscheinen soll rein. Keine Ahnung ob das Dein Problem beseitigt, aber probier mal das Popup widget so anzulegen, dass darin nur das Range und das Dialog Div enthalten sind und schiebe die anderern Wdigets (Klimatrend, Label etc. hinter das Popup).
Welchen Browser verwendest Du?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ChrisW am 26 September 2017, 20:07:33
hmm sehr komisch ... das kann doch nicht sein, Nutze Chrome.
Was genau meinst du mit Popup? Das div starte ich oben damit ich da überall klicken kann damit das Popup auf geht.
Muss man vielleicht noch ein CSS anpassen ?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 27 September 2017, 07:58:06
Mit Popup meine ich das <div> mit data-type="popup". Du hast dort innerhalb des <div> (also bevor das zugehörige </div> kommt, andere objekte definiert (label, klimatrend etc.).

Bezüglich der css kannst Du mir ja mal Deine css Dateien (die, die im index.html referenziert werden und die ftui_chart.css aus dem css Ordner in fhem/tablet/css). Dann kann ich das mit meinen vergleichen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Standarduser am 01 Oktober 2017, 17:03:42
Hi eki,

im Moment ist das verhalten beim Chartwidget so, dass nur die Y-Achse gezeichnet wird, der die Y-Ticks zugeordnet sind.
Wäre es vielleicht möglich, auch die andere Achse anzeigen zu lassen? Im Code ist die ja vorhanden, nur ist sie mit Inline-Style hidden, sodass ich das nicht überschreiben kann.
Mein Diagramm wäre dann nicht so nackt auf der linken Seite ;D
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: devil77 am 05 Oktober 2017, 11:34:23
Hallo, leider bin ich nicht so richtig fündig geworden.
Ich möchte mir für die Regenvorhersage einen Plot anlegen.
Dabei soll aber die X-Achse nur ab "Jetzt" die nächsten 3 Stunden darstellen.
Habe aber keine Möglichkeit gefunden wie ich das bewerkstelligen kann oder ob das überhaupt möglich.
Also quasi
data-daysago_start=jetzt
data-daysago_end=jetzt+3 Stunden
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: viegener am 05 Oktober 2017, 14:53:10
Keine eine idee ? Wieso wird mein Layout / CSS verstört ? Weiss leider auch nicht wo ich die Fehlersuche starten kann. Ist ja nur ein DIV getauscht worden mehr nicht.
Auch wenn ich es in eine eigene Box packe ..  auch wenn ich die Box an der größe anpasse daran liegt es nicht.

Nur so als Verdacht, hast Du mal geprüft ob das HTML/CSS korrekt ist - Tags nicht geschlossen / falsche Klammerung / Anführungszeichen / ...

Wenn durch eine lokale Änderung an anderer Stelle unerklärliche Phänomene auftauchen ist das eine gut mögliche Ursache
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 05 Oktober 2017, 15:01:06
Hi eki,

im Moment ist das verhalten beim Chartwidget so, dass nur die Y-Achse gezeichnet wird, der die Y-Ticks zugeordnet sind.
Wäre es vielleicht möglich, auch die andere Achse anzeigen zu lassen? Im Code ist die ja vorhanden, nur ist sie mit Inline-Style hidden, sodass ich das nicht überschreiben kann.
Mein Diagramm wäre dann nicht so nackt auf der linken Seite ;D

Aktuell sehe ich 2 Möglichkeiten:
1. Codeänderung, Du müsstest in widget_chart.js die folgende:
svg_new.find('line.'+data.gridlines_hidden).hide();Zeile durch
svg_new.find('line.yticks.'+data.gridlines_hidden).hide();und
elem.parent().parent().find('line.'+axis_hidden).hide();durch
elem.parent().parent().find('line.yticks.'+axis_hidden).hide();ersetzen, dann würden die Achsen immer gezeichnet.

2. logproxy.
Mit folgender Columnspec für ein logproxy Logdevice
"ConstX:$to,4,11:"in der die Zahlen 4 und 11 durch 2 y-Werte ersetzt werden müssten, die den unteren und oberen y-Wert der entsprechenden y Achse wiedergeben, würde eine senkrechte Linie ans Ende des Plots gezeichnet (entsprechend dann mit
"ConstX:$from,4,11:",für eine Linie an den Anfang des Plots.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 05 Oktober 2017, 15:09:32
Hallo, leider bin ich nicht so richtig fündig geworden.
Ich möchte mir für die Regenvorhersage einen Plot anlegen.
Dabei soll aber die X-Achse nur ab "Jetzt" die nächsten 3 Stunden darstellen.
Habe aber keine Möglichkeit gefunden wie ich das bewerkstelligen kann oder ob das überhaupt möglich.
Also quasi
data-daysago_start=jetzt
data-daysago_end=jetzt+3 Stunden

data-daysago_start="0h"
data-daysago_end="-3h"
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: wkarl am 06 Oktober 2017, 08:21:30
Hallo,

finde mal wieder Zeit an meiner GUI zu arbeiten. U.a. finden charts nun Einzug und es stellt sich mir die Frage, ob und wie man Wochen- bzw. Monatsansichten umsetzen kann. Also nicht die letzen 7 oder 30/31 Tage, sondern heute ist Freitag also soll das chart am Montag beginnen und am Sonntag enden. Ditto für den Monat.

Verträgt data-daysago_start/end Perl Syntax? Oder hat jemand einen anderen Ansatz?

ciao Walter
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 06 Oktober 2017, 13:43:28
Das geht schon. Einige Beispiele (zusätzlich mit Vorschlägen für sinnvolle Achsenbezeichnungen):

1. Aktuelles Jahr (beginnend am 1.1. und endend am 31.12.):
data-daysago_start="0Y"
data-daysago_end="-1Y"
data-timeformat="MMM"

2. Aktueller Monat (beginnend mit dem 1 des Monats, endend mit dem letzten Tage des Monats).
data-daysago_start="0M"
data-daysago_end="-1M"
data-timeformat="dd.MM"

3. Aktuelle Woche (beginnend mit So und endend mit Sa)
data-daysago_start="0W"
data-daysago_end="-1W"
data-timeformat="eee"

Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: wkarl am 06 Oktober 2017, 14:42:37
Oh, doch so einfach. Kaum beschäftigst Du Dich nicht mit fhem für ein paar Monate und schon stehst Du da wie ein Depp :'(
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 06 Oktober 2017, 15:41:09
Was heißt hier Depp, so selbsterklärend ist es ja leider nicht  ;).

Allerdings haben ein paar fleißige Mitstreiter schöne Wiki Seiten zu den FTUI Widgets gemacht und dort ist auch einiges zum Umgang mit dem Chart Widget erklärt. Siehe also: https://wiki.fhem.de/wiki/FTUI_Widget_Chart (https://wiki.fhem.de/wiki/FTUI_Widget_Chart)
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: viegener am 06 Oktober 2017, 15:49:40
Ich würde gerne die Nutzung des charts dynamisieren - dazu wollte ich als erstes eine Datumsauswahl (ala datepicker) mit dem chart kombinieren, allerdings fehlt mir eine Möglichkeit dynamisch Parameter zu übergeben und zu verändern / NeuDarstellung anzustossen.

Hat da schon jemand etwas gebastelt oder müsste das chart widget dazu erweitert werden?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Standarduser am 06 Oktober 2017, 19:40:23
Aktuell sehe ich 2 Möglichkeiten:
1. Codeänderung, Du müsstest in widget_chart.js die folgende:
svg_new.find('line.'+data.gridlines_hidden).hide();Zeile durch
svg_new.find('line.yticks.'+data.gridlines_hidden).hide();und
elem.parent().parent().find('line.'+axis_hidden).hide();durch
elem.parent().parent().find('line.yticks.'+axis_hidden).hide();ersetzen, dann würden die Achsen immer gezeichnet.

2. logproxy.
Mit folgender Columnspec für ein logproxy Logdevice
"ConstX:$to,4,11:"in der die Zahlen 4 und 11 durch 2 y-Werte ersetzt werden müssten, die den unteren und oberen y-Wert der entsprechenden y Achse wiedergeben, würde eine senkrechte Linie ans Ende des Plots gezeichnet (entsprechend dann mit
"ConstX:$from,4,11:",für eine Linie an den Anfang des Plots.

Danke. Ist aber leider beides nicht so optimal.

Variante 1 ist beim nächsten Update wieder weg.

Bei Variante 2 liegt der vertikale Strich leicht außerhalb des Diagramms. Außerdem hat diese Variante den Nachteil, dass ich mich ja für eine Höhe entscheiden muss. Damit funktioniert dann die automatische Skalierung der Y-Achse nicht mehr.

Gibt es vielleicht noch eine andere Möglichkeit? Oder könntest Du das irgendwann mal fest einbauen? Von mir aus auch mit einem neuen Attribut?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Aeroschmelz am 07 Oktober 2017, 16:58:20
Hallo,

ist es eventuell möglich mit der highchart API, eine Windrose in dieser Art, darzustellen:

http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/polar-wind-rose/ (http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/polar-wind-rose/)

Danke
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Standarduser am 07 Oktober 2017, 20:05:52
Hallo,

ist es eventuell möglich mit der highchart API, eine Windrose in dieser Art, darzustellen:

http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/polar-wind-rose/ (http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/polar-wind-rose/)

Danke

Grundsätzlich ja, denn das Beispiel ist ja von Highchart.
Aber Du bist hier im Thread für das "Chart"-Widget. Es gibt auch noch das "Highchart"-Widget, das ist aber etwas anderes  ;)
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 08 Oktober 2017, 13:23:02
Danke. Ist aber leider beides nicht so optimal.

Variante 1 ist beim nächsten Update wieder weg.

Bei Variante 2 liegt der vertikale Strich leicht außerhalb des Diagramms. Außerdem hat diese Variante den Nachteil, dass ich mich ja für eine Höhe entscheiden muss. Damit funktioniert dann die automatische Skalierung der Y-Achse nicht mehr.

Gibt es vielleicht noch eine andere Möglichkeit? Oder könntest Du das irgendwann mal fest einbauen? Von mir aus auch mit einem neuen Attribut?

Ich werde die Variante 1 einbauen und über ein Attribut steuerbar machen, damit die Kompatibilität zu bestehenden Setups erhalten bleibt
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 08 Oktober 2017, 13:27:10
Grundsätzlich ja, denn das Beispiel ist ja von Highchart.
Aber Du bist hier im Thread für das "Chart"-Widget. Es gibt auch noch das "Highchart"-Widget, das ist aber etwas anderes  ;)

Grundsätzlich geht das sicher. Dazu müsste aber auf jeden fall etwas im widget_highchart.js angepasst werden. Dort wird sozusagen das Highchart API an FTUI geflanscht, und soweit mir bekannt werden da eben nicht alle (wäre auch mega aufwändig) features unterstützt. Aber eine Anfrage an den Ersteller von widget_highchart.js gibt da sicher Auskunft.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: basty2 am 08 Oktober 2017, 20:35:17
Ich würde gern die Farbe des Grafen in Abhängigkeit von der Temperatur darstellen lassen. Keine Ahnung ob das funktioniert, aber d.h. bspw. zu warm -> Graf wird rot. Dazu würde ich ein Reading erzeugen, dass eben "ftui l2". Ist es möglich, den Wert
data-style="xyz"
über ein Reading zu steuern, bspw.

data-style="Device:Reading" ?

Ich habe es nicht direkt geschafft, daher meine Frage an Euch.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 09 Oktober 2017, 07:44:56
Das geht bisher leider nicht. Ich mach mir mal Gedanken, wie ich das realisieren kann.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Standarduser am 09 Oktober 2017, 20:03:58
Das geht bisher leider nicht. Ich mach mir mal Gedanken, wie ich das realisieren kann.

Wie wäre es mit einem Farbverlauf, zum Beispiel von Blau nach Rot, der fest unten fixiert ist, also nicht einfach die Fläche von unten nach oben füllt und sich dynamisch aufteilt, sondern immer statisch bleibt.
Steigt die Temperatur über einen bestimmten Wert, wird der rote Bereich langsam sichtbar. Rot wird auch nur der Teil des Charts, der über dem "Normal" liegt.
Hab mal schnell etwas konstruiert, damit man sich das besser vorstellen kann -> Screenshot
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: basty2 am 09 Oktober 2017, 20:59:19
Also ich finde das sieht gut aus, für meinen Used Case auch besser als wenn die ganze Linie farblich anders wäre... Für mein Kühlschrank Widget auf jeden Fall superb... Für einen Heizungswidget könnte ich mir ggf. 3 Farben vorstellen, blau zu kalt, grün ok und rot zu warm.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Standarduser am 09 Oktober 2017, 21:53:20
Mir gefällt das auch ganz gut. Ich denke, dass man das vielleicht mit zwei Parametern umsetzen könnte. Jeweils ein Array für die Punkte, an denen sich die Farben ändern sollen und eins für die Farben selber.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ChrisW am 10 Oktober 2017, 20:18:38
also egal wo ich es einfüge sogar in die vorhandene muster index wird die Schriftart usw. angepasst
Folgendne code eingebaut zwischen einem <li>
<div data-type="chart"
data-device="HeizungWZ"
data-logdevice='["FileLog_HeizungWZ","FileLog_HeizungWZ"]'
data-columnspec='["4:measured-temp","4:humidity"]'
data-style='["ftui l0fill","ftui l1fill"]'
data-ptype='["lines","lines"]'
data-uaxis='["primary","secondary"]'
data-legend='["Temperatur","Luftfeuchte"]'
data-yunit="°C"
data-ytext="Temperatur"
data-yunit_sec="% rel."
data-ytext_sec="Feuchte"
data-height="250">
</div>

Anhang meine CSS Dateien.. ich raff nicht wieso
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 11 Oktober 2017, 08:47:32
Hallo ChrisW,

ich verstehe es auch nicht. Ich habe es jetzt noch mal mit Deiner Chart Definition und Deiner index.html und Deinen css Dateien in Chrome bei mir probiert. Und es sieht soweit OK aus (siehe Bild).
Bekommst Du denn irgendwelche Meldungen auf der Browser Konsole?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ChrisW am 11 Oktober 2017, 09:49:45
hmm das kommt als fehler:
Error: <rect> attribute width: A negative value is not valid. ("-88.968625px")
buildFragment @ jquery.min.js:3
fhem-tablet-ui.min.js:1 get jsonlist2: 250.662841796875ms
fhem-tablet-ui.min.js:1 read jsonlist2: 149.751953125ms
fhem-tablet-ui-user.css Failed to load resource: the server responded with a status of 404 (Not Found)

Scheint vielleicht an der fhem-tablet-ui-user.css zu liegen? Wenn ich den Code ausbaue ist dieser fehler auch weg.

Hab es aus der Index gehauen .. nu sind keine fehler mehr drin ABER Design is noch immer Komplett zerstört ich raff es nicht...

Angang nochmal der quelltext mit fehler und wie es richtig ist.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 29 November 2017, 11:37:47
Hallo zusammen,

es gibt mal wieder eine neue Version des Chart Widgets (siehe Anfang dieses Threads https://forum.fhem.de/index.php/topic,48450.msg401006.html#msg401006). Die Beschreibung dessen was neu ist, findet Ihr wenn Ihr die Zeilen nach "Edit 29.11.2017:" lest.
Titel: Vorschläge: FTUI Neue Version chart_widget
Beitrag von: Ulm32b am 11 Dezember 2017, 01:33:39
Zunächst: Das Widget ist superaffenstark. Ich habe das jetzt mal am Beispiel Benzinpreis implementiert ... und mache gerne (vom Entwickler ermuntert) Vorschläge:

Noch keinen Weg gefunden habe ich, um den Diagrammtitel in Größe und Farbe zu formatieren.

Auf der Hochachse erhielt ich nach der alten Fassung 1.0, 1.2, 1.4 und habe dies mit der "Einheit" "0 € " zu 1.00 €, 1.20 €, 1.40 € gepimpt. In der neuen Fassung werde ich diesbezüglich mit der Achsenbeschriftung 1, 1.2, 1.4 ausgebremst. Besser fände eine Formatierungsmöglichkeit für die Achsenbeschriftung.

Das Dropdownmenü lautet bei mir:

Das automatich eingefügte Initial Value ist hier ein ziemlicher Fremdkörper. Ich halte diesen Punkt für entbehrlich, weil der Initialwert bei Bedarf im Menü auch individuell implementiert werden kann. Dann kann man auch auf Sprachversionen verzichten.

Und dann die x-Achse: Zunächst war ich hochzufrieden, bis ich darauf kam, dass die Zeitreihe sowohl im Tagesgang als auch für längere Zeiträume interessant ist und dies genialerweise ja auch leicht eingestellt werden kann. Eine statische Achsenformatierung ist dafür natürlich wenig geeignet. Und die dynamische passt sich noch nicht so ganz perfekt an die eingestellten Zeiträume an. Mit       
data-nofulldays="true"erhalte ich im Wochenprofil die Ticks 02.12, 01:00, 01:00, 01:00, 01:00, 01:00, 01:00, 09.12. (wobei der 09.12 von einem 01:00 überschrieben ist). Und im Tagesprofil werden nur Anfangs- und Enddatum angezeigt. Neu erfunden werden muss eine dynamische Achsenbeschriftung wahrscheinlich nicht. Der Suchbegriff "dynamic charts" liefert gute Ansätze. Wohl nicht trivial, aber den Schweiß der Edlen wert.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 11 Dezember 2017, 08:30:55
Man merkt dass Weihnachten ist, der Wunschzettel ist ja ganz schön groß  ;)

Zum Thema Diagrammtitel: Das kann ich relativ leicht anpassen (Vorschlag: Ich lasse zu, dass bei der Angabe des Titels eine Klasse angegeben werden kann, dann kann man über die fhem-tablet-ui-user.css Datei für diese Klasse das Aussehen anpassen. In dem man für verschiedene Charts verschiedene Klassen festlegt, kann man dann auch unterschiedliche Header Formatierungen für unterschiedliche Charts realisieren.)

Bezüglich der Achsenbeschriftung kann ich natürlich auch noch eine Möglichkeit einbauen, dass das Format der Achsenbeschriftung gewählt werden kann (ist ein bisschen Aufwand, aber machbar). Dass jemand den yunit Parameter so "kreativ" einsetzten könnte darauf bin ich nicht gekommen.

Mit der Sprache hast Du natürlich recht, und auch damit, dass man das initial Value ja selbst mit dazu packen kann. Ich werde es raus nehmen.

Tja, das mit der x-Achsen Formattierung ist so eine Sache und bei data-nofulldays auch aktuell noch so, dass die Zwischenwerte komisch aussehen. Ich bin da noch dran, ist aber ein ziemliches Gefummel mal schauen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: c-moll am 11 Dezember 2017, 13:21:06
Hi,

bei meinem Plot der Dieselpreise der letzten 3 Tage werden einfach keine Nachkommastellen an der y-Achse angezeigt. Meine Definition:
<div data-type="chart" data-device="OUT.Spritpreis" data-logdevice="DBLogging" data-logfile="HISTORY" data-columnspec="OUT.Spritpreis:Diesel" data-legend="Literpreis"
                  data-daysago_start="3" data-height="240px" data-maxvalue="1.3" data-minvalue="1.00" data-ytext="Literpreis (EUR)" data-yticks="0.05" data-xticks="240" data-style="ftui l2fill"></div>
müsste doch eigentlich richtig sein, oder? Wenn ich die data-yticks auf auto wird wird nur 1.2 (mit Nachkommastelle) als einzige Gridlinie angezeigt. Gebe ich die Werte in einem Array oder mit 0.05 vor, erscheint an der Y-Achse nur jeweils die 1 ohne Nachkommastellen .

Hat da jemand eine Idee?

Gruss. Chris
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 11 Dezember 2017, 17:25:03
War leider noch ein Fehler in der aktuellen Version (Seiteneffekt der Anpassung der y-Texte), bitte versuchs mal mit der Neuen (im ersten Beitrag dieses Threads).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: c-moll am 11 Dezember 2017, 18:14:37
Danke. Jetzt ist alles ok.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: HugoM am 11 Dezember 2017, 20:22:06
Hallo,
ist es denn auch möglich ein Balkendiagramm zu erstellen?
Gruß Hugo
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 12 Dezember 2017, 08:44:54
Sollte mit logproxy und den bisherigen Möglichkeiten von Chart eigentlich gehen. Erklär mal etwas genauer wie die Daten, aus denen Du das Diagramm erstellen willst in FHEM vorliegen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: HugoM am 12 Dezember 2017, 09:56:08
Hallo eki,
es soll ein monatliches und ein jährliches Balkendiagramm von meiner fotovoltaikanlage werden.
Habe die tagesdaten mit Hilfe eines  userreadings aufsummiert und in der dblog geloggt.
An logproxy hab ich mich noch nicht rangetraut.
Gruss Hugo
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 12 Dezember 2017, 10:15:41
Kannst Du mir mal ein Beispiel schicken, wie Deine Daten aussehen (get Ausgabe des dblog devices).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: HugoM am 12 Dezember 2017, 17:42:43
Hallo eki,

meine Datenbank sieht wie folgt aus:

2017-12-12 16:10:12|PVTag|DUMMY|Ertrag: 6.277|Ertrag|6.277|
2017-12-12 16:10:12|PVTag|DUMMY|Einnahmen: 2.0921241|Einnahmen|2.0921241|
2017-12-12 16:10:12|PVMonat|DUMMY|Tagesertrag: 6.277|Tagesertrag|6.277|
2017-12-12 16:10:12|PVMonat|DUMMY|Ertrag: 23.064|Ertrag|23.064|
2017-12-12 16:10:12|PVMonat|DUMMY|Einnahmen: 7.68723119999999|Einnahmen|7.68723119999999|
2017-12-12 16:10:12|PVJahr|DUMMY|Tagesertrag: 6.277|Tagesertrag|6.277|
2017-12-12 16:10:12|PVJahr|DUMMY|Ertrag: 23.064|Ertrag|23.064|
2017-12-12 16:10:12|PVJahr|DUMMY|Einnahmen: 7.68723119999999|Einnahmen|7.68723119999999|
2017-12-12 16:10:12|PVGesamt|DUMMY|Tagesertrag: 6.277|Tagesertrag|6.277|
2017-12-12 16:10:12|PVGesamt|DUMMY|Ertrag: 23.064|Ertrag|23.064|
2017-12-12 16:10:12|PVGesamt|DUMMY|Einnahmen: 7.68723119999999|Einnahmen|7.68723119999999|
2017-12-12 16:12:12|PVTag|DUMMY|Ertrag: 6.278|Ertrag|6.278|
2017-12-12 16:12:12|PVTag|DUMMY|Einnahmen: 2.0924574|Einnahmen|2.0924574|
2017-12-12 16:12:12|PVMonat|DUMMY|Tagesertrag: 6.278|Tagesertrag|6.278|
2017-12-12 16:12:12|PVMonat|DUMMY|Ertrag: 23.065|Ertrag|23.065|
2017-12-12 16:12:12|PVMonat|DUMMY|Einnahmen: 7.68756449999999|Einnahmen|7.68756449999999|
2017-12-12 16:12:12|PVJahr|DUMMY|Tagesertrag: 6.278|Tagesertrag|6.278|
2017-12-12 16:12:12|PVJahr|DUMMY|Ertrag: 23.065|Ertrag|23.065|
2017-12-12 16:12:12|PVJahr|DUMMY|Einnahmen: 7.68756449999999|Einnahmen|7.68756449999999|
2017-12-12 16:12:12|PVGesamt|DUMMY|Tagesertrag: 6.278|Tagesertrag|6.278|
2017-12-12 16:12:12|PVGesamt|DUMMY|Ertrag: 23.065|Ertrag|23.065|
2017-12-12 16:12:12|PVGesamt|DUMMY|Einnahmen: 7.68756449999999|Einnahmen|7.68756449999999|

Dabei wird der Ertrag des Monats bei Monatsanfang wieder auf Null gestellt. Der Ertrag des Jahres analog am Jahresanfang.
Habe mal ein Bild des Charts angehängt.

Gruß Hugo

 
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 13 Dezember 2017, 08:37:17
Wenn ich das richtig sehe, dann erzeugst Du bei jeder Änderung der Ertragswerte einen neuen Eintrag für alle Werte (Tag, Monat, Jahr) in Deiner Datenbank, der dann über den entsprechenden Zeitraum in kleinen Schritten ansteigt und beim Übergang auf den nächsten neuen Zeitraum (Tag, Monat, Jahr) wieder auf 0 gesetzt wird.
Wie ich weiter annehme, möchtest Du in Deinem Plot einen Balken pro Zeitraum (Tag, Monat, Jahr) sehen, der dann den jeweiligen Wert darstellt. Also z.B. eine Darstellung, die Dir einen Monat als Zeitraum zeigt, und darin jeweils einen Balken pro Tag enthält, der den aufgesammelten Tageswert für diesen Tag darstellt.
Falls das so ist, ist das, was Du logst, nicht so ganz das Richtige. Ich würde Dir raten, das Statistik-Modul zu verwenden. Damit kannst Du aus Deinen Ertragswerten automatisch Statistiken für verschiedene Zeiträume machen, die dann auch genau einmal pro Periode in die Datenbank geschrieben werden (mache ich für den Stromverauch genauso). Aus den so erzeugten Logs lässt sich mit dem Plottyp "bars" oder 'fsteps' ganz leicht das machen was Du möchtest.

Hier mal ein Beispiel von meiner Stromverbrauchsmessung:

Mein Device "Haus_Stromverbrauch", welches den Verbrauch aufnimmt erzeugt z.B. einen Wert 'power', der den Mittelwert der aktuell abgenommene Leistung in Watt aufzeichnet (1 mal alle 3 Minuten). Mit dem folgenden Code:
define homeStatistics statistics Haus_Stromverbrauch
attr homeStatistics ignoreDefaultAssignments 1
attr homeStatistics minAvgMaxReadings power
attr homeStatistics singularReadings Haus_Stromverbrauch:power:Avg:(Hour|Day)
erzeuge ich zusätzliche Readings (werden als readings im Device Haus_Stromverbrauch angelegt und beginnen alle mit stat.
Zum Plotten verwende ich dann z.B. das Reading statPowerDayAvg welches mir den Mittelwert des Verbrauchs des letzten Tages ergibt und welches genau einmal pro Tag geloggt wird. Dadurch erhalte ich im Plot dann eben auch genau einen Wert und mit den genannten Plottypen 'bars' oder 'fsteps' genau die genannten Balken pro Tag. In Deinem Fall müsstest Du wahrscheinlich bei singularReadings nicht 'Avg' nehmen sondern 'Max', da Du ja über den Tag aufsummierst und dann eben der Maximalwert Deiner gewünschten Information entspricht.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: HugoM am 13 Dezember 2017, 09:12:02
Hallo eki,
vielen dank für die schnelle und vor allem ausführliche Antwort (Das was ich als Neuling auch benötige).
Das Statistic-Modul für dies zu verwenden wär ich nicht drauf gekommen. Ich werde heute abend versuchen es entsprechend umzusetzen. Vielen Dank.
Gruss
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Ulm32b am 13 Dezember 2017, 15:34:00
Man merkt dass Weihnachten ist, der Wunschzettel ist ja ganz schön groß  ;)

Zum Thema Diagrammtitel: Das kann ich relativ leicht anpassen (Vorschlag: Ich lasse zu, dass bei der Angabe des Titels eine Klasse angegeben werden kann, dann kann man über die fhem-tablet-ui-user.css Datei für diese Klasse das Aussehen anpassen. In dem man für verschiedene Charts verschiedene Klassen festlegt, kann man dann auch unterschiedliche Header Formatierungen für unterschiedliche Charts realisieren.)

Bezüglich der Achsenbeschriftung kann ich natürlich auch noch eine Möglichkeit einbauen, dass das Format der Achsenbeschriftung gewählt werden kann (ist ein bisschen Aufwand, aber machbar). Dass jemand den yunit Parameter so "kreativ" einsetzten könnte darauf bin ich nicht gekommen.

Mit der Sprache hast Du natürlich recht, und auch damit, dass man das initial Value ja selbst mit dazu packen kann. Ich werde es raus nehmen.

Tja, das mit der x-Achsen Formattierung ist so eine Sache und bei data-nofulldays auch aktuell noch so, dass die Zwischenwerte komisch aussehen. Ich bin da noch dran, ist aber ein ziemliches Gefummel mal schauen.

Mir war und ist schon klar, dass die Achsenformatierung erheblichen Gehirnschmalz erfordert, und ich habe hinsichtlich des Fertigstellungstermins auch keinerlei Erwartungen. Vermutlich ist es sinnvoll, diese Sache zunächst sehr konzeptionell zu behandeln, reifen zu lassen und erst später mit der Codierung zu beginnen. Letztlich wäre fast jeder mit einer festen Achsenformatierung zufrieden gewesen, wenn der Entwickler keine Möglichkeit zum Stauchen, Dehnen und Verschieben der Zeiträume vorgesehen hätte. So schaukeln wir uns nach oben.

Titelzeile und Menü sind demgegenüber wahrscheinlich Quick Wins. An dieser Stelle ein herzlicher Dank für die großartigen Leistungen im abgelaufenen Jahr und alles Gute zu den kommenden Festtagen. 8)
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: slowfinger am 17 Dezember 2017, 11:57:48
Hallo zusammen,
erstmal DICKES Lob für die tolle Chart-Visualisierung !
Ich gebe zu ich bin noch eher am Anfang meiner Experimente. Ich würde gerne meine (Buderus) Heizung plotten. In Fhem habe ich dazu folgendes SVG erstellt, das auch genau das anzeigt was ich will

#FileLog_heizung 4:heizung./system/sensors/temperatures/outdoor_t1\x3a::
#FileLog_heizung 4:heizung./heatingCircuits/hc1/roomtemperature\x3a::
#FileLog_heizung 4:heizung./system/sensors/temperatures/supply_t1\x3a::
#FileLog_heizung 4:heizung./system/appliance/actualSupplyTemperature\x3a::
#FileLog_heizung 4:heizung./system/sensors/temperatures/hotWater_t2\x3a::
#FileLog_heizung 4:heizung./heatSources/hs1/supplyTemperatureSetpoint\x3a::
#FileLog_heizung 4:heizung./heatSources/hs1/supplyTemperatureSetpoint\x3a::
#FileLog_heizung 4:heizung./system/sensors/temperatures/switch\x3a::
#FileLog_heizung 4:heizung./heatingCircuits/hc1/currentRoomSetpoint\x3a::

nun habe ich etwas herumgespielt und dies in TabletUI erstellt
<div data-type="chart"
data-device="heizung"
data-logdevice='["FileLog_heizung","FileLog_heizung","FileLog_heizung"]'
data-legend='["Strom","Solar"]'
data-columnspec='["4:/dhwCircuits/dhw1/actualTemp","4:/heatingCircuits/hc1/roomtemperature","4:/system/sensors/temperatures/outdoor"]'
data-logfile="-"
data-get="/system/sensors/temperatures/outdoor"
das geht auch irgendwie ... nur wenn ich jetzt wie im SVG outdoor_t1 angebe wird nichts mehr geplotet.
Das selbe bei anderen readings die kurz vor Ende "_" haben.
Frage(n):
Vielen Dank !
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: MrJackBlack am 17 Dezember 2017, 21:06:47
Hallo Gemeinde,

seit dem letzten Update leidet mein TabletUI, besser gesagt alle Charts an einem kleinen Problem: In y-Richtung füllt das Chart nicht mehr das Widget aus. Als Beispiel habe ich euch einen Screenshot angehängt.

Hier der passende Code:
<div data-type="chart"
         data-device="WZ.Temp"
         data-logdevice="FileLog_WZ.Temp"
         data-columnspec='["WZ.Temp:temperature","WZ.Temp:humidity"]'
         data-style='["ftui l2","ftui l4dot"]'
         data-minvalue="0"
         data-maxvalue="100"
         data-minvalue_sec="10"
         data-maxvalue_sec="30"
         data-xticks="180"
         data-ytext="Humidity"
         data-yunit="%"
         data-yunit_sec="°C"
         data-ytext_sec="Temperature"
         data-legend='["Temperature","Humidity"]'
         data-uaxis='["secondary","primary"]'
         data-ptype='["lines","lines"]'
         data-showlegend="true"
         class="fullsize nobuttons">
</div>
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 18 Dezember 2017, 09:48:45
Zitat
...
das geht auch irgendwie ... nur wenn ich jetzt wie im SVG outdoor_t1 angebe wird nichts mehr geplotet.
Das selbe bei anderen readings die kurz vor Ende "_" haben.
Frage(n):
  • ist meine columnspec so richtig ?
  • muss ich wie im SVG x3a:: angeben (kA was das macht)?
Vielen Dank !

Poste bitte mal ein paar Zeilen des Files, das du verwendest, dann kann ich vielleicht helfen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 18 Dezember 2017, 09:50:24
Hallo Gemeinde,

seit dem letzten Update leidet mein TabletUI, besser gesagt alle Charts an einem kleinen Problem: In y-Richtung füllt das Chart nicht mehr das Widget aus. Als Beispiel habe ich euch einen Screenshot angehängt.

Hier der passende Code:
<div data-type="chart"
         data-device="WZ.Temp"
         data-logdevice="FileLog_WZ.Temp"
         data-columnspec='["WZ.Temp:temperature","WZ.Temp:humidity"]'
         data-style='["ftui l2","ftui l4dot"]'
         data-minvalue="0"
         data-maxvalue="100"
         data-minvalue_sec="10"
         data-maxvalue_sec="30"
         data-xticks="180"
         data-ytext="Humidity"
         data-yunit="%"
         data-yunit_sec="°C"
         data-ytext_sec="Temperature"
         data-legend='["Temperature","Humidity"]'
         data-uaxis='["secondary","primary"]'
         data-ptype='["lines","lines"]'
         data-showlegend="true"
         class="fullsize nobuttons">
</div>

Kannst Du mal bitte bei der Klasse noch fitsize hinzufügen, dann reagiert das Chart auf Veränderungen des umgebenden <div> und macht sich so groß wie möglich. Vielleicht hilft das.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Patrick Strassburger am 18 Dezember 2017, 16:32:33
Hallo,

kann mir jemand einmal einen Tip geben?
Ich habe die chart Doku bzw. mich hier durch den Thread gelesen und auch ein Beispiel von hier übernommen und meiner Meinung nach an meine Umgebung angepasst.

Es wird rein gar nichts angezeigt, das Widget bleibt leer.
"dblog" heisst bei mir "myDbLog" und history ist in MariaDB klein geschrieben, ich habe schon viele verschiedene Versionen ausprobiert.

Wo kann ich beim Fehler suchen ansetzen - wirklich in der Java Konsole meines Safari Browsers? Schreibt FTUI nicht noch irgendwo anders log Daten? "Verbose" finde ich in dem Zusammenhang nicht.

<div data-type="chart"
         data-device="Puffer_1_oben"
         data-logdevice="myDbLog"
         data-logfile="HISTORY"
         data-columnspec='["Puffer_1_oben:state","Puffer_2_oben:state"]'
         data-style='["ftui l2","ftui l4dot"]'
         data-minvalue="0"
         data-maxvalue="100"
         data-minvalue_sec="10"
         data-maxvalue_sec="30"
         data-xticks="180"
         data-ytext="Temperature"
         data-yunit="°C"
         data-yunit_sec="°C"
         data-ytext_sec="Temperature"
         data-legend='["Temperature","Temperature"]'
         data-uaxis='["secondary","primary"]'
         data-ptype='["lines","lines"]'
         data-showlegend="true"
         class="fullsize nobuttons">
        </div>

Viele Grüße,
Patrick
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: slowfinger am 18 Dezember 2017, 18:56:26
@eki: ist ziemlich viel was der Buderus Gaskessel so alles mitloggen lässt :-)
2017-12-01_00:00:46 heizung /dhwCircuits/dhw1/actualTemp: 41.4
2017-12-01_00:00:46 heizung /dhwCircuits/dhw1/currentSetpoint: 10
2017-12-01_00:00:46 heizung /dhwCircuits/dhw1/singleChargeSetpoint: 44
2017-12-01_00:00:46 heizung /dhwCircuits/dhw1/status: ACTIVE
2017-12-01_00:00:47 heizung /dhwCircuits/dhw1/waterFlow: 0
2017-12-01_00:00:47 heizung /dhwCircuits/dhw1/workingTime: 12348
2017-12-01_00:00:47 heizung /gateway/DateTime: 2017-11-30T23:58:31
2017-12-01_00:00:47 heizung /gateway/instAccess: off
2017-12-01_00:00:47 heizung /gateway/instWriteAccess: off
2017-12-01_00:00:47 heizung /gateway/openIPAccess: off
2017-12-01_00:00:47 heizung /gateway/uuid: 517290571
2017-12-01_00:00:48 heizung /gateway/versionFirmware: 04.02.02
2017-12-01_00:00:48 heizung /gateway/versionHardware: iCom_Low_NSC_v1
2017-12-01_00:00:48 heizung /heatSources/CHpumpModulation: 0
2017-12-01_00:00:48 heizung /heatSources/ChimneySweeper: off
2017-12-01_00:00:48 heizung /heatSources/actualCHPower: 0
2017-12-01_00:00:48 heizung /heatSources/actualDHWPower: 0
2017-12-01_00:00:48 heizung /heatSources/actualModulation: 0
2017-12-01_00:00:49 heizung /heatSources/actualPower: 0
2017-12-01_00:00:49 heizung /heatSources/actualSupplyTemperature: 27
2017-12-01_00:00:49 heizung /heatSources/applianceSupplyTemperature: 27
2017-12-01_00:00:49 heizung /heatSources/burnerModulationSetpoint: 0
2017-12-01_00:00:49 heizung /heatSources/burnerPowerSetpoint: 0
2017-12-01_00:00:49 heizung /heatSources/chimneyTemperature: -3276.8
2017-12-01_00:00:49 heizung /heatSources/flameCurrent: 0
2017-12-01_00:00:49 heizung /heatSources/flameStatus: off
2017-12-01_00:00:50 heizung /heatSources/gasAirPressure: 0
2017-12-01_00:00:50 heizung /heatSources/hs1/actualModulation: 0
2017-12-01_00:00:50 heizung /heatSources/hs1/actualPower: 0
2017-12-01_00:00:50 heizung /heatSources/hs1/energyReservoir: 0
2017-12-01_00:00:50 heizung /heatSources/hs1/flameStatus: off
2017-12-01_00:00:50 heizung /heatSources/hs1/fuel/caloricValue: 11.5
2017-12-01_00:00:50 heizung /heatSources/hs1/fuel/density: 0.82
2017-12-01_00:00:51 heizung /heatSources/hs1/fuelConsmptCorrFactor: 1
2017-12-01_00:00:51 heizung /heatSources/hs1/info/01/Ver: 11
2017-12-01_00:00:51 heizung /heatSources/hs1/info/01/Id: 1117
2017-12-01_00:00:51 heizung /heatSources/hs1/info/01/Tok: 8
2017-12-01_00:00:51 heizung /heatSources/hs1/info/01/No: 202020203832393031323334353637383937373136303130343136
2017-12-01_00:00:51 heizung /heatSources/hs1/nominalFuelConsumption: 1.8
2017-12-01_00:00:51 heizung /heatSources/hs1/reservoirAlert: 0
2017-12-01_00:00:51 heizung /heatSources/hs1/type: GasBoiler
2017-12-01_00:00:51 heizung /heatSources/info/01/Ver: 11
2017-12-01_00:00:51 heizung /heatSources/info/01/Id: 1117
2017-12-01_00:00:51 heizung /heatSources/info/01/Tok: 8
2017-12-01_00:00:51 heizung /heatSources/info/01/No: 202020203832393031323334353637383937373136303130343136
2017-12-01_00:00:51 heizung /heatSources/nominalCHPower: 14
2017-12-01_00:00:52 heizung /heatSources/nominalDHWPower: 15
2017-12-01_00:00:52 heizung /heatSources/numberOfStarts: 1587
2017-12-01_00:00:52 heizung /heatSources/powerSetpoint: 0
2017-12-01_00:00:52 heizung /heatSources/returnTemperature: -3276.8
2017-12-01_00:00:52 heizung /heatSources/supplyTemperatureSetpoint: 5
2017-12-01_00:00:52 heizung /heatSources/systemPressure: 25.5
2017-12-01_00:00:52 heizung /heatSources/workingTime/centralHeating: 155739
2017-12-01_00:00:53 heizung /heatSources/workingTime/secondBurner: 0
2017-12-01_00:00:53 heizung /heatSources/workingTime/totalSystem: 168087
2017-12-01_00:00:53 heizung /heatingCircuits/hc1/actualSupplyTemperature: -3276.8
2017-12-01_00:00:53 heizung /heatingCircuits/hc1/currentRoomSetpoint: 16.5
2017-12-01_00:00:53 heizung /heatingCircuits/hc1/pumpModulation: 0
2017-12-01_00:00:53 heizung /heatingCircuits/hc1/roomtemperature: 20.1
2017-12-01_00:00:53 heizung /heatingCircuits/hc1/status: ACTIVE
2017-12-01_00:00:54 heizung /system/appliance/CHpumpModulation: 0
2017-12-01_00:00:54 heizung /system/appliance/ChimneySweeper: 0
2017-12-01_00:00:54 heizung /system/appliance/actualPower: 0
2017-12-01_00:00:54 heizung /system/appliance/actualSupplyTemperature: 27
2017-12-01_00:00:54 heizung /system/appliance/flameCurrent: 0
2017-12-01_00:00:54 heizung /system/appliance/gasAirPressure: 0
2017-12-01_00:00:55 heizung /system/appliance/nominalBurnerLoad: 14
2017-12-01_00:00:55 heizung /system/appliance/numberOfStarts: 1587
2017-12-01_00:00:55 heizung /system/appliance/powerSetpoint: 0
2017-12-01_00:00:55 heizung /system/appliance/systemPressure: 25.5
2017-12-01_00:00:55 heizung /system/appliance/workingTime/centralHeating: 155739
2017-12-01_00:00:55 heizung /system/appliance/workingTime/secondBurner: 0
2017-12-01_00:00:55 heizung /system/appliance/workingTime/totalSystem: 168087
2017-12-01_00:00:56 heizung /system/brand: Buderus
2017-12-01_00:00:56 heizung /system/bus: EMS2_0
2017-12-01_00:00:56 heizung /system/healthStatus: ok
2017-12-01_00:00:56 heizung /system/heatSources/hs1/actualModulation: 0
2017-12-01_00:00:56 heizung /system/heatSources/hs1/actualPower: 0
2017-12-01_00:00:56 heizung /system/heatSources/hs1/energyReservoir: 0
2017-12-01_00:00:56 heizung /system/heatSources/hs1/fuel/caloricValue: 11.5
2017-12-01_00:00:57 heizung /system/heatSources/hs1/fuel/density: 0.82
2017-12-01_00:00:57 heizung /system/heatSources/hs1/fuelConsmptCorrFactor: 1
2017-12-01_00:00:57 heizung /system/heatSources/hs1/nominalFuelConsumption: 1.8
2017-12-01_00:00:57 heizung /system/heatSources/hs1/reservoirAlert: 0
2017-12-01_00:00:57 heizung /system/holidayModes/hm1/startStop: 2017-04-14/2017-04-16
2017-12-01_00:00:57 heizung /system/holidayModes/hm2/startStop: 2009-01-01/2009-01-01
2017-12-01_00:00:57 heizung /system/holidayModes/hm3/startStop: 2009-01-01/2009-01-01
2017-12-01_00:00:58 heizung /system/holidayModes/hm4/startStop: 2009-01-01/2009-01-01
2017-12-01_00:00:58 heizung /system/holidayModes/hm5/startStop: 2009-01-01/2009-01-01
2017-12-01_00:00:58 heizung /system/info/01/Ver: 04.09
2017-12-01_00:00:58 heizung /system/info/01/Tok: 8
2017-12-01_00:00:58 heizung /system/info/01/Id: 123
2017-12-01_00:00:58 heizung /system/info/01/No: 383733373931323330413031313630343037343100FFFFFFFFFFFF
2017-12-01_00:00:58 heizung /system/info/02/Ver: NF11.09
2017-12-01_00:00:58 heizung /system/info/02/Id: 158
2017-12-01_00:00:58 heizung /system/info/02/Tok: 16
2017-12-01_00:00:58 heizung /system/info/02/No: 323533303631393136333030323737333831313131313200FFFFFF
2017-12-01_00:00:58 heizung /system/info/03/Tok: 32
2017-12-01_00:00:58 heizung /system/info/03/Id: 160
2017-12-01_00:00:58 heizung /system/info/03/No: 383135303631373030323339393737333831313031313400FFFFFF
2017-12-01_00:00:58 heizung /system/info/03/Ver: NF24.03
2017-12-01_00:00:58 heizung /system/info/04/Id: 125
2017-12-01_00:00:58 heizung /system/info/04/Tok: 9
2017-12-01_00:00:58 heizung /system/info/04/No: 000000000000000000000000000000000000000000000000000000
2017-12-01_00:00:58 heizung /system/info/04/Ver: NF01.06
2017-12-01_00:00:58 heizung /system/sensors/temperatures/chimney: -3276.8
2017-12-01_00:00:58 heizung /system/sensors/temperatures/hotWater_t2: 41.4
2017-12-01_00:00:58 heizung /system/sensors/temperatures/outdoor_t1: 4.6
2017-12-01_00:00:58 heizung /system/sensors/temperatures/return: -3276.8
2017-12-01_00:00:59 heizung /system/sensors/temperatures/supply_t1: 27
2017-12-01_00:00:59 heizung /system/sensors/temperatures/supply_t1_setpoint: 5
2017-12-01_00:00:59 heizung /system/sensors/temperatures/switch: 23.8
2017-12-01_00:00:59 heizung /system/systemType: NSC_ICOM_GATEWAY
2017-12-01_00:00:59 heizung fullResponse: OK
2017-12-01_00:05:59 heizung /dhwCircuits/dhw1/actualTemp: 41.4
2017-12-01_00:05:59 heizung /dhwCircuits/dhw1/currentSetpoint: 10
2017-12-01_00:05:59 heizung /dhwCircuits/dhw1/singleChargeSetpoint: 44
2017-12-01_00:06:00 heizung /dhwCircuits/dhw1/status: ACTIVE
2017-12-01_00:06:00 heizung /dhwCircuits/dhw1/waterFlow: 0
2017-12-01_00:06:00 heizung /dhwCircuits/dhw1/workingTime: 12348
2017-12-01_00:06:00 heizung /gateway/DateTime: 2017-12-01T00:03:44
2017-12-01_00:06:00 heizung /gateway/instAccess: off
2017-12-01_00:06:00 heizung /gateway/instWriteAccess: off
2017-12-01_00:06:00 heizung /gateway/openIPAccess: off
2017-12-01_00:06:01 heizung /gateway/uuid: 517290571
2017-12-01_00:06:01 heizung /gateway/versionFirmware: 04.02.02
2017-12-01_00:06:01 heizung /gateway/versionHardware: iCom_Low_NSC_v1
2017-12-01_00:06:01 heizung /heatSources/CHpumpModulation: 0
2017-12-01_00:06:01 heizung /heatSources/ChimneySweeper: off
2017-12-01_00:06:01 heizung /heatSources/actualCHPower: 0
2017-12-01_00:06:01 heizung /heatSources/actualDHWPower: 0
2017-12-01_00:06:02 heizung /heatSources/actualModulation: 0
2017-12-01_00:06:02 heizung /heatSources/actualPower: 0
2017-12-01_00:06:02 heizung /heatSources/actualSupplyTemperature: 26.9
2017-12-01_00:06:02 heizung /heatSources/applianceSupplyTemperature: 26.9
2017-12-01_00:06:02 heizung /heatSources/burnerModulationSetpoint: 0
2017-12-01_00:06:02 heizung /heatSources/burnerPowerSetpoint: 0
2017-12-01_00:06:02 heizung /heatSources/chimneyTemperature: -3276.8
2017-12-01_00:06:02 heizung /heatSources/flameCurrent: 0
2017-12-01_00:06:03 heizung /heatSources/flameStatus: off
2017-12-01_00:06:03 heizung /heatSources/gasAirPressure: 0
2017-12-01_00:06:03 heizung /heatSources/hs1/actualModulation: 0
2017-12-01_00:06:03 heizung /heatSources/hs1/actualPower: 0
2017-12-01_00:06:03 heizung /heatSources/hs1/energyReservoir: 0
2017-12-01_00:06:03 heizung /heatSources/hs1/flameStatus: off
2017-12-01_00:06:03 heizung /heatSources/hs1/fuel/caloricValue: 11.5
2017-12-01_00:06:04 heizung /heatSources/hs1/fuel/density: 0.82
2017-12-01_00:06:04 heizung /heatSources/hs1/fuelConsmptCorrFactor: 1
2017-12-01_00:06:04 heizung /heatSources/hs1/info/01/No: 202020203832393031323334353637383937373136303130343136
2017-12-01_00:06:04 heizung /heatSources/hs1/info/01/Tok: 8
2017-12-01_00:06:04 heizung /heatSources/hs1/info/01/Id: 1117
2017-12-01_00:06:04 heizung /heatSources/hs1/info/01/Ver: 11
2017-12-01_00:06:04 heizung /heatSources/hs1/nominalFuelConsumption: 1.8
2017-12-01_00:06:04 heizung /heatSources/hs1/reservoirAlert: 0
2017-12-01_00:06:04 heizung /heatSources/hs1/type: GasBoiler
2017-12-01_00:06:04 heizung /heatSources/info/01/No: 202020203832393031323334353637383937373136303130343136
2017-12-01_00:06:04 heizung /heatSources/info/01/Id: 1117
2017-12-01_00:06:04 heizung /heatSources/info/01/Tok: 8
2017-12-01_00:06:04 heizung /heatSources/info/01/Ver: 11
2017-12-01_00:06:05 heizung /heatSources/nominalCHPower: 14
2017-12-01_00:06:05 heizung /heatSources/nominalDHWPower: 15
2017-12-01_00:06:05 heizung /heatSources/numberOfStarts: 1587
2017-12-01_00:06:05 heizung /heatSources/powerSetpoint: 0
2017-12-01_00:06:05 heizung /heatSources/returnTemperature: -3276.8
2017-12-01_00:06:05 heizung /heatSources/supplyTemperatureSetpoint: 5
2017-12-01_00:06:05 heizung /heatSources/systemPressure: 25.5
2017-12-01_00:06:06 heizung /heatSources/workingTime/centralHeating: 155739
2017-12-01_00:06:06 heizung /heatSources/workingTime/secondBurner: 0
2017-12-01_00:06:06 heizung /heatSources/workingTime/totalSystem: 168087
2017-12-01_00:06:06 heizung /heatingCircuits/hc1/actualSupplyTemperature: -3276.8
2017-12-01_00:06:06 heizung /heatingCircuits/hc1/currentRoomSetpoint: 16.5
2017-12-01_00:06:06 heizung /heatingCircuits/hc1/pumpModulation: 0
2017-12-01_00:06:07 heizung /heatingCircuits/hc1/roomtemperature: 20
2017-12-01_00:06:07 heizung /heatingCircuits/hc1/status: ACTIVE
2017-12-01_00:06:07 heizung /system/appliance/CHpumpModulation: 0
2017-12-01_00:06:07 heizung /system/appliance/ChimneySweeper: 0
2017-12-01_00:06:07 heizung /system/appliance/actualPower: 0
2017-12-01_00:06:07 heizung /system/appliance/actualSupplyTemperature: 26.9
2017-12-01_00:06:08 heizung /system/appliance/flameCurrent: 0
2017-12-01_00:06:08 heizung /system/appliance/gasAirPressure: 0
2017-12-01_00:06:08 heizung /system/appliance/nominalBurnerLoad: 14
2017-12-01_00:06:08 heizung /system/appliance/numberOfStarts: 1587
2017-12-01_00:06:08 heizung /system/appliance/powerSetpoint: 0
2017-12-01_00:06:08 heizung /system/appliance/systemPressure: 25.5
2017-12-01_00:06:08 heizung /system/appliance/workingTime/centralHeating: 155739
2017-12-01_00:06:09 heizung /system/appliance/workingTime/secondBurner: 0
2017-12-01_00:06:09 heizung /system/appliance/workingTime/totalSystem: 168087
2017-12-01_00:06:09 heizung /system/brand: Buderus
2017-12-01_00:06:09 heizung /system/bus: EMS2_0
2017-12-01_00:06:09 heizung /system/healthStatus: ok
2017-12-01_00:06:09 heizung /system/heatSources/hs1/actualModulation: 0
2017-12-01_00:06:09 heizung /system/heatSources/hs1/actualPower: 0
2017-12-01_00:06:10 heizung /system/heatSources/hs1/energyReservoir: 0
2017-12-01_00:06:10 heizung /system/heatSources/hs1/fuel/caloricValue: 11.5
2017-12-01_00:06:10 heizung /system/heatSources/hs1/fuel/density: 0.82
2017-12-01_00:06:10 heizung /system/heatSources/hs1/fuelConsmptCorrFactor: 1
2017-12-01_00:06:10 heizung /system/heatSources/hs1/nominalFuelConsumption: 1.8
2017-12-01_00:06:10 heizung /system/heatSources/hs1/reservoirAlert: 0
2017-12-01_00:06:10 heizung /system/holidayModes/hm1/startStop: 2017-04-14/2017-04-16
2017-12-01_00:06:11 heizung /system/holidayModes/hm2/startStop: 2009-01-01/2009-01-01
2017-12-01_00:06:11 heizung /system/holidayModes/hm3/startStop: 2009-01-01/2009-01-01
2017-12-01_00:06:11 heizung /system/holidayModes/hm4/startStop: 2009-01-01/2009-01-01
2017-12-01_00:06:11 heizung /system/holidayModes/hm5/startStop: 2009-01-01/2009-01-01
2017-12-01_00:06:11 heizung /system/info/01/No: 383733373931323330413031313630343037343100FFFFFFFFFFFF
2017-12-01_00:06:11 heizung /system/info/01/Tok: 8
2017-12-01_00:06:11 heizung /system/info/01/Id: 123
2017-12-01_00:06:11 heizung /system/info/01/Ver: 04.09
2017-12-01_00:06:11 heizung /system/info/02/No: 323533303631393136333030323737333831313131313200FFFFFF
2017-12-01_00:06:11 heizung /system/info/02/Tok: 16
2017-12-01_00:06:11 heizung /system/info/02/Id: 158
2017-12-01_00:06:11 heizung /system/info/02/Ver: NF11.09
2017-12-01_00:06:11 heizung /system/info/03/Ver: NF24.03
2017-12-01_00:06:11 heizung /system/info/03/Tok: 32
2017-12-01_00:06:11 heizung /system/info/03/Id: 160
2017-12-01_00:06:11 heizung /system/info/03/No: 383135303631373030323339393737333831313031313400FFFFFF
2017-12-01_00:06:11 heizung /system/info/04/Ver: NF01.06
2017-12-01_00:06:11 heizung /system/info/04/No: 000000000000000000000000000000000000000000000000000000
2017-12-01_00:06:11 heizung /system/info/04/Id: 125
2017-12-01_00:06:11 heizung /system/info/04/Tok: 9
2017-12-01_00:06:11 heizung /system/sensors/temperatures/chimney: -3276.8
2017-12-01_00:06:11 heizung /system/sensors/temperatures/hotWater_t2: 41.4
2017-12-01_00:06:12 heizung /system/sensors/temperatures/outdoor_t1: 4.6
2017-12-01_00:06:12 heizung /system/sensors/temperatures/return: -3276.8
2017-12-01_00:06:12 heizung /system/sensors/temperatures/supply_t1: 26.9
2017-12-01_00:06:12 heizung /system/sensors/temperatures/supply_t1_setpoint: 5
2017-12-01_00:06:12 heizung /system/sensors/temperatures/switch: 23.8
2017-12-01_00:06:12 heizung /system/systemType: NSC_ICOM_GATEWAY
2017-12-01_00:06:12 heizung fullResponse: OK
2017-12-01_00:11:12 heizung /dhwCircuits/dhw1/actualTemp: 41.3
2017-12-01_00:11:13 heizung /dhwCircuits/dhw1/currentSetpoint: 10
2017-12-01_00:11:13 heizung /dhwCircuits/dhw1/singleChargeSetpoint: 44
2017-12-01_00:11:13 heizung /dhwCircuits/dhw1/status: ACTIVE
2017-12-01_00:11:13 heizung /dhwCircuits/dhw1/waterFlow: 0
2017-12-01_00:11:13 heizung /dhwCircuits/dhw1/workingTime: 12348
2017-12-01_00:11:13 heizung /gateway/DateTime: 2017-12-01T00:08:57
2017-12-01_00:11:13 heizung /gateway/instAccess: off
2017-12-01_00:11:14 heizung /gateway/instWriteAccess: off
2017-12-01_00:11:14 heizung /gateway/openIPAccess: off
2017-12-01_00:11:14 heizung /gateway/uuid: 517290571
2017-12-01_00:11:14 heizung /gateway/versionFirmware: 04.02.02
2017-12-01_00:11:14 heizung /gateway/versionHardware: iCom_Low_NSC_v1
2017-12-01_00:11:14 heizung /heatSources/CHpumpModulation: 0
2017-12-01_00:11:14 heizung /heatSources/ChimneySweeper: off
2017-12-01_00:11:15 heizung /heatSources/actualCHPower: 0
2017-12-01_00:11:15 heizung /heatSources/actualDHWPower: 0
2017-12-01_00:11:15 heizung /heatSources/actualModulation: 0
2017-12-01_00:11:15 heizung /heatSources/actualPower: 0
2017-12-01_00:11:15 heizung /heatSources/actualSupplyTemperature: 26.8
2017-12-01_00:11:15 heizung /heatSources/applianceSupplyTemperature: 26.8
2017-12-01_00:11:15 heizung /heatSources/burnerModulationSetpoint: 0
2017-12-01_00:11:16 heizung /heatSources/burnerPowerSetpoint: 0
2017-12-01_00:11:16 heizung /heatSources/chimneyTemperature: -3276.8
2017-12-01_00:11:16 heizung /heatSources/flameCurrent: 0
2017-12-01_00:11:16 heizung /heatSources/flameStatus: off
2017-12-01_00:11:16 heizung /heatSources/gasAirPressure: 0
2017-12-01_00:11:16 heizung /heatSources/hs1/actualModulation: 0
2017-12-01_00:11:16 heizung /heatSources/hs1/actualPower: 0
2017-12-01_00:11:17 heizung /heatSources/hs1/energyReservoir: 0
2017-12-01_00:11:17 heizung /heatSources/hs1/flameStatus: off
2017-12-01_00:11:17 heizung /heatSources/hs1/fuel/caloricValue: 11.5
2017-12-01_00:11:17 heizung /heatSources/hs1/fuel/density: 0.82
2017-12-01_00:11:17 heizung /heatSources/hs1/fuelConsmptCorrFactor: 1
2017-12-01_00:11:17 heizung /heatSources/hs1/info/01/No: 202020203832393031323334353637383937373136303130343136
2017-12-01_00:11:17 heizung /heatSources/hs1/info/01/Id: 1117
2017-12-01_00:11:17 heizung /heatSources/hs1/info/01/Tok: 8
2017-12-01_00:11:17 heizung /heatSources/hs1/info/01/Ver: 11
2017-12-01_00:11:17 heizung /heatSources/hs1/nominalFuelConsumption: 1.8
2017-12-01_00:11:18 heizung /heatSources/hs1/reservoirAlert: 0
2017-12-01_00:11:18 heizung /heatSources/hs1/type: GasBoiler
2017-12-01_00:11:18 heizung /heatSources/info/01/No: 202020203832393031323334353637383937373136303130343136
2017-12-01_00:11:18 heizung /heatSources/info/01/Id: 1117
2017-12-01_00:11:18 heizung /heatSources/info/01/Tok: 8
2017-12-01_00:11:18 heizung /heatSources/info/01/Ver: 11
2017-12-01_00:11:18 heizung /heatSources/nominalCHPower: 14
2017-12-01_00:11:18 heizung /heatSources/nominalDHWPower: 15
2017-12-01_00:11:18 heizung /heatSources/numberOfStarts: 1587
2017-12-01_00:11:18 heizung /heatSources/powerSetpoint: 0
2017-12-01_00:11:19 heizung /heatSources/returnTemperature: -3276.8
2017-12-01_00:11:19 heizung /heatSources/supplyTemperatureSetpoint: 5
2017-12-01_00:11:19 heizung /heatSources/systemPressure: 25.5
2017-12-01_00:11:19 heizung /heatSources/workingTime/centralHeating: 155739
2017-12-01_00:11:19 heizung /heatSources/workingTime/secondBurner: 0
2017-12-01_00:11:19 heizung /heatSources/workingTime/totalSystem: 168087
2017-12-01_00:11:19 heizung /heatingCircuits/hc1/actualSupplyTemperature: -3276.8
2017-12-01_00:11:20 heizung /heatingCircuits/hc1/currentRoomSetpoint: 16.5
2017-12-01_00:11:20 heizung /heatingCircuits/hc1/pumpModulation: 0
2017-12-01_00:11:20 heizung /heatingCircuits/hc1/roomtemperature: 20
2017-12-01_00:11:20 heizung /heatingCircuits/hc1/status: ACTIVE
2017-12-01_00:11:20 heizung /system/appliance/CHpumpModulation: 0
2017-12-01_00:11:20 heizung /system/appliance/ChimneySweeper: 0
2017-12-01_00:11:21 heizung /system/appliance/actualPower: 0
2017-12-01_00:11:21 heizung /system/appliance/actualSupplyTemperature: 26.8
2017-12-01_00:11:21 heizung /system/appliance/flameCurrent: 0
2017-12-01_00:11:21 heizung /system/appliance/gasAirPressure: 0
2017-12-01_00:11:21 heizung /system/appliance/nominalBurnerLoad: 14
2017-12-01_00:11:21 heizung /system/appliance/numberOfStarts: 1587
2017-12-01_00:11:21 heizung /system/appliance/powerSetpoint: 0
2017-12-01_00:11:21 heizung /system/appliance/systemPressure: 25.5
2017-12-01_00:11:22 heizung /system/appliance/workingTime/centralHeating: 155739
2017-12-01_00:11:22 heizung /system/appliance/workingTime/secondBurner: 0
2017-12-01_00:11:22 heizung /system/appliance/workingTime/totalSystem: 168087
2017-12-01_00:11:22 heizung /system/brand: Buderus
2017-12-01_00:11:22 heizung /system/bus: EMS2_0
2017-12-01_00:11:22 heizung /system/healthStatus: ok
2017-12-01_00:11:22 heizung /system/heatSources/hs1/actualModulation: 0
2017-12-01_00:11:23 heizung /system/heatSources/hs1/actualPower: 0
2017-12-01_00:11:23 heizung /system/heatSources/hs1/energyReservoir: 0
2017-12-01_00:11:23 heizung /system/heatSources/hs1/fuel/caloricValue: 11.5
2017-12-01_00:11:23 heizung /system/heatSources/hs1/fuel/density: 0.82
2017-12-01_00:11:23 heizung /system/heatSources/hs1/fuelConsmptCorrFactor: 1
2017-12-01_00:11:23 heizung /system/heatSources/hs1/nominalFuelConsumption: 1.8
2017-12-01_00:11:23 heizung /system/heatSources/hs1/reservoirAlert: 0
2017-12-01_00:11:24 heizung /system/holidayModes/hm1/startStop: 2017-04-14/2017-04-16
2017-12-01_00:11:24 heizung /system/holidayModes/hm2/startStop: 2009-01-01/2009-01-01
2017-12-01_00:11:24 heizung /system/holidayModes/hm3/startStop: 2009-01-01/2009-01-01
2017-12-01_00:11:24 heizung /system/holidayModes/hm4/startStop: 2009-01-01/2009-01-01
2017-12-01_00:11:24 heizung /system/holidayModes/hm5/startStop: 2009-01-01/2009-01-01
2017-12-01_00:11:24 heizung /system/info/01/Ver: 04.09
2017-12-01_00:11:24 heizung /system/info/01/No: 383733373931323330413031313630343037343100FFFFFFFFFFFF
2017-12-01_00:11:24 heizung /system/info/01/Tok: 8
2017-12-01_00:11:24 heizung /system/info/01/Id: 123
2017-12-01_00:11:24 heizung /system/info/02/Ver: NF11.09
2017-12-01_00:11:24 heizung /system/info/02/Tok: 16
2017-12-01_00:11:24 heizung /system/info/02/Id: 158
2017-12-01_00:11:24 heizung /system/info/02/No: 323533303631393136333030323737333831313131313200FFFFFF
2017-12-01_00:11:24 heizung /system/info/03/Ver: NF24.03
2017-12-01_00:11:24 heizung /system/info/03/Tok: 32
2017-12-01_00:11:24 heizung /system/info/03/Id: 160
2017-12-01_00:11:24 heizung /system/info/03/No: 383135303631373030323339393737333831313031313400FFFFFF
2017-12-01_00:11:24 heizung /system/info/04/Ver: NF01.06
2017-12-01_00:11:24 heizung /system/info/04/Id: 125
2017-12-01_00:11:24 heizung /system/info/04/Tok: 9
2017-12-01_00:11:24 heizung /system/info/04/No: 000000000000000000000000000000000000000000000000000000
2017-12-01_00:11:24 heizung /system/sensors/temperatures/chimney: -3276.8
2017-12-01_00:11:25 heizung /system/sensors/temperatures/hotWater_t2: 41.3
2017-12-01_00:11:25 heizung /system/sensors/temperatures/outdoor_t1: 4.6
2017-12-01_00:11:25 heizung /system/sensors/temperatures/return: -3276.8
2017-12-01_00:11:25 heizung /system/sensors/temperatures/supply_t1: 26.8
2017-12-01_00:11:25 heizung /system/sensors/temperatures/supply_t1_setpoint: 5
2017-12-01_00:11:25 heizung /system/sensors/temperatures/switch: 23.6
2017-12-01_00:11:25 heizung /system/systemType: NSC_ICOM_GATEWAY
2017-12-01_00:11:26 heizung fullResponse: OK
2017-12-01_00:16:26 heizung /dhwCircuits/dhw1/actualTemp: 41.3
2017-12-01_00:16:26 heizung /dhwCircuits/dhw1/currentSetpoint: 10
2017-12-01_00:16:26 heizung /dhwCircuits/dhw1/singleChargeSetpoint: 44
2017-12-01_00:16:26 heizung /dhwCircuits/dhw1/status: ACTIVE
2017-12-01_00:16:26 heizung /dhwCircuits/dhw1/waterFlow: 0
2017-12-01_00:16:27 heizung /dhwCircuits/dhw1/workingTime: 12348
2017-12-01_00:16:27 heizung /gateway/DateTime: 2017-12-01T00:14:12
2017-12-01_00:16:27 heizung /gateway/instAccess: off
2017-12-01_00:16:27 heizung /gateway/instWriteAccess: off
2017-12-01_00:16:27 heizung /gateway/openIPAccess: off
2017-12-01_00:16:27 heizung /gateway/uuid: 517290571
2017-12-01_00:16:28 heizung /gateway/versionFirmware: 04.02.02
2017-12-01_00:16:28 heizung /gateway/versionHardware: iCom_Low_NSC_v1
2017-12-01_00:16:28 heizung /heatSources/CHpumpModulation: 0
2017-12-01_00:16:28 heizung /heatSources/ChimneySweeper: off
2017-12-01_00:16:28 heizung /heatSources/actualCHPower: 0
2017-12-01_00:16:28 heizung /heatSources/actualDHWPower: 0
2017-12-01_00:16:28 heizung /heatSources/actualModulation: 0
2017-12-01_00:16:29 heizung /heatSources/actualPower: 0
2017-12-01_00:16:29 heizung /heatSources/actualSupplyTemperature: 26.8
2017-12-01_00:16:29 heizung /heatSources/applianceSupplyTemperature: 26.8
2017-12-01_00:16:29 heizung /heatSources/burnerModulationSetpoint: 0
2017-12-01_00:16:29 heizung /heatSources/burnerPowerSetpoint: 0
2017-12-01_00:16:29 heizung /heatSources/chimneyTemperature: -3276.8
2017-12-01_00:16:29 heizung /heatSources/flameCurrent: 0
2017-12-01_00:16:29 heizung /heatSources/flameStatus: off
2017-12-01_00:16:30 heizung /heatSources/gasAirPressure: 0
2017-12-01_00:16:30 heizung /heatSources/hs1/actualModulation: 0
2017-12-01_00:16:30 heizung /heatSources/hs1/actualPower: 0
2017-12-01_00:16:30 heizung /heatSources/hs1/energyReservoir: 0
2017-12-01_00:16:30 heizung /heatSources/hs1/flameStatus: off
2017-12-01_00:16:30 heizung /heatSources/hs1/fuel/caloricValue: 11.5
2017-12-01_00:16:30 heizung /heatSources/hs1/fuel/density: 0.82
2017-12-01_00:16:31 heizung /heatSources/hs1/fuelConsmptCorrFactor: 1
2017-12-01_00:16:31 heizung /heatSources/hs1/info/01/Ver: 11
2017-12-01_00:16:31 heizung /heatSources/hs1/info/01/Tok: 8
2017-12-01_00:16:31 heizung /heatSources/hs1/info/01/Id: 1117
2017-12-01_00:16:31 heizung /heatSources/hs1/info/01/No: 202020203832393031323334353637383937373136303130343136
2017-12-01_00:16:31 heizung /heatSources/hs1/nominalFuelConsumption: 1.8
2017-12-01_00:16:31 heizung /heatSources/hs1/reservoirAlert: 0
2017-12-01_00:16:31 heizung /heatSources/hs1/type: GasBoiler
2017-12-01_00:16:31 heizung /heatSources/info/01/Id: 1117
2017-12-01_00:16:31 heizung /heatSources/info/01/Tok: 8
2017-12-01_00:16:31 heizung /heatSources/info/01/No: 202020203832393031323334353637383937373136303130343136
2017-12-01_00:16:31 heizung /heatSources/info/01/Ver: 11
2017-12-01_00:16:31 heizung /heatSources/nominalCHPower: 14
2017-12-01_00:16:32 heizung /heatSources/nominalDHWPower: 15
2017-12-01_00:16:32 heizung /heatSources/numberOfStarts: 1587
2017-12-01_00:16:32 heizung /heatSources/powerSetpoint: 0
2017-12-01_00:16:32 heizung /heatSources/returnTemperature: -3276.8
2017-12-01_00:16:32 heizung /heatSources/supplyTemperatureSetpoint: 5
2017-12-01_00:16:32 heizung /heatSources/systemPressure: 25.5
2017-12-01_00:16:32 heizung /heatSources/workingTime/centralHeating: 155739
2017-12-01_00:16:33 heizung /heatSources/workingTime/secondBurner: 0
2017-12-01_00:16:33 heizung /heatSources/workingTime/totalSystem: 168087
2017-12-01_00:16:33 heizung /heatingCircuits/hc1/actualSupplyTemperature: -3276.8
2017-12-01_00:16:33 heizung /heatingCircuits/hc1/currentRoomSetpoint: 16.5
2017-12-01_00:16:33 heizung /heatingCircuits/hc1/pumpModulation: 0
2017-12-01_00:16:33 heizung /heatingCircuits/hc1/roomtemperature: 20
2017-12-01_00:16:33 heizung /heatingCircuits/hc1/status: ACTIVE
2017-12-01_00:16:34 heizung /system/appliance/CHpumpModulation: 0
2017-12-01_00:16:34 heizung /system/appliance/ChimneySweeper: 0
2017-12-01_00:16:34 heizung /system/appliance/actualPower: 0
2017-12-01_00:16:34 heizung /system/appliance/actualSupplyTemperature: 26.8
2017-12-01_00:16:34 heizung /system/appliance/flameCurrent: 0
2017-12-01_00:16:35 heizung /system/appliance/gasAirPressure: 0
2017-12-01_00:16:35 heizung /system/appliance/nominalBurnerLoad: 14
2017-12-01_00:16:35 heizung /system/appliance/numberOfStarts: 1587
2017-12-01_00:16:35 heizung /system/appliance/powerSetpoint: 0
2017-12-01_00:16:35 heizung /system/appliance/systemPressure: 25.5
2017-12-01_00:16:35 heizung /system/appliance/workingTime/centralHeating: 155739
2017-12-01_00:16:35 heizung /system/appliance/workingTime/secondBurner: 0
2017-12-01_00:16:36 heizung /system/appliance/workingTime/totalSystem: 168087
2017-12-01_00:16:36 heizung /system/brand: Buderus
2017-12-01_00:16:36 heizung /system/bus: EMS2_0
2017-12-01_00:16:36 heizung /system/healthStatus: ok
2017-12-01_00:16:36 heizung /system/heatSources/hs1/actualModulation: 0
2017-12-01_00:16:36 heizung /system/heatSources/hs1/actualPower: 0
2017-12-01_00:16:36 heizung /system/heatSources/hs1/energyReservoir: 0
2017-12-01_00:16:36 heizung /system/heatSources/hs1/fuel/caloricValue: 11.5
2017-12-01_00:16:37 heizung /system/heatSources/hs1/fuel/density: 0.82
2017-12-01_00:16:37 heizung /system/heatSources/hs1/fuelConsmptCorrFactor: 1
2017-12-01_00:16:37 heizung /system/heatSources/hs1/nominalFuelConsumption: 1.8
2017-12-01_00:16:37 heizung /system/heatSources/hs1/reservoirAlert: 0
2017-12-01_00:16:37 heizung /system/holidayModes/hm1/startStop: 2017-04-14/2017-04-16
2017-12-01_00:16:37 heizung /system/holidayModes/hm2/startStop: 2009-01-01/2009-01-01
2017-12-01_00:16:37 heizung /system/holidayModes/hm3/startStop: 2009-01-01/2009-01-01
2017-12-01_00:16:38 heizung /system/holidayModes/hm4/startStop: 2009-01-01/2009-01-01
2017-12-01_00:16:38 heizung /system/holidayModes/hm5/startStop: 2009-01-01/2009-01-01
2017-12-01_00:16:38 heizung /system/info/01/No: 383733373931323330413031313630343037343100FFFFFFFFFFFF
2017-12-01_00:16:38 heizung /system/info/01/Tok: 8
2017-12-01_00:16:38 heizung /system/info/01/Id: 123
2017-12-01_00:16:38 heizung /system/info/01/Ver: 04.09
2017-12-01_00:16:38 heizung /system/info/02/No: 323533303631393136333030323737333831313131313200FFFFFF
2017-12-01_00:16:38 heizung /system/info/02/Id: 158
2017-12-01_00:16:38 heizung /system/info/02/Tok: 16
2017-12-01_00:16:38 heizung /system/info/02/Ver: NF11.09
2017-12-01_00:16:38 heizung /system/info/03/Id: 160
2017-12-01_00:16:38 heizung /system/info/03/Tok: 32
2017-12-01_00:16:38 heizung /system/info/03/No: 383135303631373030323339393737333831313031313400FFFFFF
2017-12-01_00:16:38 heizung /system/info/03/Ver: NF24.03
2017-12-01_00:16:38 heizung /system/info/04/Ver: NF01.06
2017-12-01_00:16:38 heizung /system/info/04/No: 000000000000000000000000000000000000000000000000000000
2017-12-01_00:16:38 heizung /system/info/04/Id: 125
2017-12-01_00:16:38 heizung /system/info/04/Tok: 9
2017-12-01_00:16:38 heizung /system/sensors/temperatures/chimney: -3276.8
2017-12-01_00:16:38 heizung /system/sensors/temperatures/hotWater_t2: 41.3
2017-12-01_00:16:38 heizung /system/sensors/temperatures/outdoor_t1: 4.6
2017-12-01_00:16:39 heizung /system/sensors/temperatures/return: -3276.8
2017-12-01_00:16:39 heizung /system/sensors/temperatures/supply_t1: 26.8
2017-12-01_00:16:39 heizung /system/sensors/temperatures/supply_t1_setpoint: 5
2017-12-01_00:16:39 heizung /system/sensors/temperatures/switch: 23.6
2017-12-01_00:16:39 heizung /system/systemType: NSC_ICOM_GATEWAY
2017-12-01_00:16:39 heizung fullResponse: OK
2017-12-01_00:21:40 heizung /dhwCircuits/dhw1/status: ACTIVE
2017-12-01_00:21:40 heizung /dhwCircuits/dhw1/waterFlow: 0
2017-12-01_00:21:40 heizung /dhwCircuits/dhw1/workingTime: 12348
2017-12-01_00:21:40 heizung /gateway/DateTime: 2017-12-01T00:19:24
2017-12-01_00:21:40 heizung /gateway/instAccess: off
2017-12-01_00:21:40 heizung /gateway/instWriteAccess: off
2017-12-01_00:21:40 heizung /gateway/openIPAccess: off
2017-12-01_00:21:41 heizung /gateway/uuid: 517290571
2017-12-01_00:21:41 heizung /gateway/versionFirmware: 04.02.02
2017-12-01_00:21:41 heizung /gateway/versionHardware: iCom_Low_NSC_v1
2017-12-01_00:21:41 heizung /heatSources/CHpumpModulation: 0
2017-12-01_00:21:41 heizung /heatSources/ChimneySweeper: off
2017-12-01_00:21:41 heizung /heatSources/actualCHPower: 0
2017-12-01_00:21:41 heizung /heatSources/actualDHWPower: 0
2017-12-01_00:21:42 heizung /heatSources/actualModulation: 0
2017-12-01_00:21:42 heizung /heatSources/actualPower: 0
2017-12-01_00:21:42 heizung /heatSources/actualSupplyTemperature: 26.6
2017-12-01_00:21:42 heizung /heatSources/applianceSupplyTemperature: 26.6
2017-12-01_00:21:42 heizung /heatSources/burnerModulationSetpoint: 0
2017-12-01_00:21:42 heizung /heatSources/burnerPowerSetpoint: 0
2017-12-01_00:21:42 heizung /heatSources/chimneyTemperature: -3276.8
2017-12-01_00:21:43 heizung /heatSources/flameCurrent: 0
2017-12-01_00:21:43 heizung /heatSources/flameStatus: off
2017-12-01_00:21:43 heizung /heatSources/gasAirPressure: 0
2017-12-01_00:21:43 heizung /heatSources/hs1/actualModulation: 0
2017-12-01_00:21:43 heizung /heatSources/hs1/actualPower: 0
2017-12-01_00:21:43 heizung /heatSources/hs1/energyReservoir: 0
2017-12-01_00:21:43 heizung /heatSources/hs1/flameStatus: off
2017-12-01_00:21:44 heizung /heatSources/hs1/fuel/caloricValue: 11.5
2017-12-01_00:21:44 heizung /heatSources/hs1/fuel/density: 0.82
2017-12-01_00:21:44 heizung /heatSources/hs1/fuelConsmptCorrFactor: 1
2017-12-01_00:21:44 heizung /heatSources/hs1/info/01/Ver: 11
2017-12-01_00:21:44 heizung /heatSources/hs1/info/01/Id: 1117
2017-12-01_00:21:44 heizung /heatSources/hs1/info/01/Tok: 8
2017-12-01_00:21:44 heizung /heatSources/hs1/info/01/No: 202020203832393031323334353637383937373136303130343136
2017-12-01_00:21:44 heizung /heatSources/hs1/nominalFuelConsumption: 1.8
2017-12-01_00:21:44 heizung /heatSources/hs1/reservoirAlert: 0
2017-12-01_00:21:44 heizung /heatSources/hs1/type: GasBoiler
2017-12-01_00:21:45 heizung /heatSources/info/01/No: 202020203832393031323334353637383937373136303130343136
2017-12-01_00:21:45 heizung /heatSources/info/01/Tok: 8
2017-12-01_00:21:45 heizung /heatSources/info/01/Id: 1117
2017-12-01_00:21:45 heizung /heatSources/info/01/Ver: 11
2017-12-01_00:21:45 heizung /heatSources/nominalCHPower: 14
2017-12-01_00:21:45 heizung /heatSources/nominalDHWPower: 15
2017-12-01_00:21:45 heizung /heatSources/numberOfStarts: 1587
2017-12-01_00:21:45 heizung /heatSources/powerSetpoint: 0
2017-12-01_00:21:45 heizung /heatSources/returnTemperature: -3276.8
2017-12-01_00:21:45 heizung /heatSources/supplyTemperatureSetpoint: 5
2017-12-01_00:21:45 heizung /heatSources/systemPressure: 25.5
2017-12-01_00:21:46 heizung /heatSources/workingTime/centralHeating: 155739
2017-12-01_00:21:46 heizung /heatSources/workingTime/secondBurner: 0
2017-12-01_00:21:46 heizung /heatSources/workingTime/totalSystem: 168087
2017-12-01_00:21:46 heizung /heatingCircuits/hc1/actualSupplyTemperature: -3276.8
2017-12-01_00:21:46 heizung /heatingCircuits/hc1/currentRoomSetpoint: 16.5
2017-12-01_00:21:46 heizung /heatingCircuits/hc1/pumpModulation: 0
2017-12-01_00:21:55 heizung /heatingCircuits/hc1/roomtemperature: 20
2017-12-01_00:21:55 heizung /heatingCircuits/hc1/status: ACTIVE
2017-12-01_00:21:55 heizung /system/appliance/CHpumpModulation: 0
2017-12-01_00:21:55 heizung /system/appliance/ChimneySweeper: 0
2017-12-01_00:21:56 heizung /system/appliance/actualPower: 0
2017-12-01_00:21:56 heizung /system/appliance/actualSupplyTemperature: 26.6
2017-12-01_00:21:56 heizung /system/appliance/flameCurrent: 0
2017-12-01_00:21:56 heizung /system/appliance/gasAirPressure: 0
2017-12-01_00:21:56 heizung /system/appliance/nominalBurnerLoad: 14
2017-12-01_00:21:56 heizung /system/appliance/numberOfStarts: 1587
2017-12-01_00:21:56 heizung /system/appliance/powerSetpoint: 0
2017-12-01_00:21:57 heizung /system/appliance/systemPressure: 25.5
2017-12-01_00:21:57 heizung /system/appliance/workingTime/centralHeating: 155739
2017-12-01_00:21:57 heizung /system/appliance/workingTime/secondBurner: 0
2017-12-01_00:21:57 heizung /system/appliance/workingTime/totalSystem: 168087
2017-12-01_00:21:57 heizung /system/brand: Buderus
2017-12-01_00:21:57 heizung /system/bus: EMS2_0
2017-12-01_00:21:57 heizung /system/healthStatus: ok
2017-12-01_00:21:58 heizung /system/heatSources/hs1/actualModulation: 0
2017-12-01_00:21:58 heizung /system/heatSources/hs1/actualPower: 0
2017-12-01_00:21:58 heizung /system/heatSources/hs1/energyReservoir: 0
2017-12-01_00:21:58 heizung /system/heatSources/hs1/fuel/caloricValue: 11.5
2017-12-01_00:21:58 heizung /system/heatSources/hs1/fuel/density: 0.82
2017-12-01_00:21:58 heizung /system/heatSources/hs1/fuelConsmptCorrFactor: 1
2017-12-01_00:21:58 heizung /system/heatSources/hs1/nominalFuelConsumption: 1.8
2017-12-01_00:21:59 heizung /system/heatSources/hs1/reservoirAlert: 0
2017-12-01_00:21:59 heizung /system/holidayModes/hm1/startStop: 2017-04-14/2017-04-16
2017-12-01_00:21:59 heizung /system/holidayModes/hm2/startStop: 2009-01-01/2009-01-01
2017-12-01_00:21:59 heizung /system/holidayModes/hm3/startStop: 2009-01-01/2009-01-01
2017-12-01_00:21:59 heizung /system/holidayModes/hm4/startStop: 2009-01-01/2009-01-01
2017-12-01_00:21:59 heizung /system/holidayModes/hm5/startStop: 2009-01-01/2009-01-01
2017-12-01_00:21:59 heizung /system/info/01/Ver: 04.09
2017-12-01_00:21:59 heizung /system/info/01/No: 383733373931323330413031313630343037343100FFFFFFFFFFFF
2017-12-01_00:21:59 heizung /system/info/01/Id: 123
2017-12-01_00:21:59 heizung /system/info/01/Tok: 8
2017-12-01_00:21:59 heizung /system/info/02/Ver: NF11.09
2017-12-01_00:21:59 heizung /system/info/02/Tok: 16
2017-12-01_00:21:59 heizung /system/info/02/Id: 158
2017-12-01_00:21:59 heizung /system/info/02/No: 323533303631393136333030323737333831313131313200FFFFFF
2017-12-01_00:21:59 heizung /system/info/03/Id: 160
2017-12-01_00:21:59 heizung /system/info/03/Tok: 32
2017-12-01_00:21:59 heizung /system/info/03/No: 383135303631373030323339393737333831313031313400FFFFFF
2017-12-01_00:21:59 heizung /system/info/03/Ver: NF24.03
2017-12-01_00:22:00 heizung /system/info/04/No: 000000000000000000000000000000000000000000000000000000
2017-12-01_00:22:00 heizung /system/info/04/Tok: 9
2017-12-01_00:22:00 heizung /system/info/04/Id: 125
2017-12-01_00:22:00 heizung /system/info/04/Ver: NF01.06
2017-12-01_00:22:00 heizung /system/sensors/temperatures/chimney: -3276.8
2017-12-01_00:22:00 heizung /system/sensors/temperatures/hotWater_t2: 41.3
2017-12-01_00:22:00 heizung /system/sensors/temperatures/outdoor_t1: 4.6
2017-12-01_00:22:00 heizung /system/sensors/temperatures/return: -3276.8
2017-12-01_00:22:00 heizung /system/sensors/temperatures/supply_t1: 26.6
2017-12-01_00:22:00 heizung /system/sensors/temperatures/supply_t1_setpoint: 5
2017-12-01_00:22:00 heizung /system/sensors/temperatures/switch: 23.5
2017-12-01_00:22:01 heizung /system/systemType: NSC_ICOM_GATEWAY
2017-12-01_00:22:01 heizung fullResponse: OK
2017-12-01_00:27:01 heizung /dhwCircuits/dhw1/actualTemp: 41.3
2017-12-01_00:27:01 heizung /dhwCircuits/dhw1/currentSetpoint: 10
2017-12-01_00:27:01 heizung /dhwCircuits/dhw1/singleChargeSetpoint: 44
2017-12-01_00:27:01 heizung /dhwCircuits/dhw1/status: ACTIVE
2017-12-01_00:27:01 heizung /dhwCircuits/dhw1/waterFlow: 0
2017-12-01_00:27:01 heizung /dhwCircuits/dhw1/workingTime: 12348
2017-12-01_00:27:02 heizung /gateway/DateTime: 2017-12-01T00:24:47
2017-12-01_00:27:02 heizung /gateway/instAccess: off
2017-12-01_00:27:02 heizung /gateway/instWriteAccess: off
2017-12-01_00:27:02 heizung /gateway/openIPAccess: off
2017-12-01_00:27:02 heizung /gateway/uuid: 517290571
2017-12-01_00:27:02 heizung /gateway/versionFirmware: 04.02.02
2017-12-01_00:27:02 heizung /gateway/versionHardware: iCom_Low_NSC_v1
2017-12-01_00:27:03 heizung /heatSources/CHpumpModulation: 0
2017-12-01_00:27:03 heizung /heatSources/ChimneySweeper: off
2017-12-01_00:27:03 heizung /heatSources/actualCHPower: 0
2017-12-01_00:27:03 heizung /heatSources/actualDHWPower: 0
2017-12-01_00:27:03 heizung /heatSources/actualModulation: 0
2017-12-01_00:27:03 heizung /heatSources/actualPower: 0
2017-12-01_00:27:03 heizung /heatSources/actualSupplyTemperature: 26.5
2017-12-01_00:27:04 heizung /heatSources/applianceSupplyTemperature: 26.5
2017-12-01_00:27:04 heizung /heatSources/burnerModulationSetpoint: 0
2017-12-01_00:27:04 heizung /heatSources/burnerPowerSetpoint: 0
2017-12-01_00:27:04 heizung /heatSources/chimneyTemperature: -3276.8
2017-12-01_00:27:04 heizung /heatSources/flameCurrent: 0
2017-12-01_00:27:04 heizung /heatSources/flameStatus: off
2017-12-01_00:27:04 heizung /heatSources/gasAirPressure: 0
2017-12-01_00:27:05 heizung /heatSources/hs1/actualModulation: 0
2017-12-01_00:27:05 heizung /heatSources/hs1/actualPower: 0
2017-12-01_00:27:05 heizung /heatSources/hs1/energyReservoir: 0
2017-12-01_00:27:05 heizung /heatSources/hs1/flameStatus: off
2017-12-01_00:27:05 heizung /heatSources/hs1/fuel/caloricValue: 11.5
2017-12-01_00:27:05 heizung /heatSources/hs1/fuel/density: 0.82
2017-12-01_00:27:05 heizung /heatSources/hs1/fuelConsmptCorrFactor: 1
2017-12-01_00:27:06 heizung /heatSources/hs1/info/01/Ver: 11
2017-12-01_00:27:06 heizung /heatSources/hs1/info/01/No: 202020203832393031323334353637383937373136303130343136
2017-12-01_00:27:06 heizung /heatSources/hs1/info/01/Id: 1117
2017-12-01_00:27:06 heizung /heatSources/hs1/info/01/Tok: 8
2017-12-01_00:27:06 heizung /heatSources/hs1/nominalFuelConsumption: 1.8
2017-12-01_00:27:06 heizung /heatSources/hs1/reservoirAlert: 0
2017-12-01_00:27:06 heizung /heatSources/hs1/type: GasBoiler
2017-12-01_00:27:06 heizung /heatSources/info/01/Ver: 11
2017-12-01_00:27:06 heizung /heatSources/info/01/Tok: 8
2017-12-01_00:27:06 heizung /heatSources/info/01/Id: 1117
2017-12-01_00:27:06 heizung /heatSources/info/01/No: 202020203832393031323334353637383937373136303130343136
2017-12-01_00:27:06 heizung /heatSources/nominalCHPower: 14
2017-12-01_00:27:06 heizung /heatSources/nominalDHWPower: 15
2017-12-01_00:27:07 heizung /heatSources/numberOfStarts: 1587
2017-12-01_00:27:07 heizung /heatSources/powerSetpoint: 0
2017-12-01_00:27:07 heizung /heatSources/returnTemperature: -3276.8
2017-12-01_00:27:07 heizung /heatSources/supplyTemperatureSetpoint: 5
2017-12-01_00:27:07 heizung /heatSources/systemPressure: 25.5
2017-12-01_00:27:07 heizung /heatSources/workingTime/centralHeating: 155739
2017-12-01_00:27:07 heizung /heatSources/workingTime/secondBurner: 0
2017-12-01_00:27:08 heizung /heatSources/workingTime/totalSystem: 168087
2017-12-01_00:27:08 heizung /heatingCircuits/hc1/actualSupplyTemperature: -3276.8
2017-12-01_00:27:08 heizung /heatingCircuits/hc1/currentRoomSetpoint: 16.5
2017-12-01_00:27:08 heizung /heatingCircuits/hc1/pumpModulation: 0
2017-12-01_00:27:08 heizung /heatingCircuits/hc1/roomtemperature: 20
2017-12-01_00:27:08 heizung /heatingCircuits/hc1/status: ACTIVE
2017-12-01_00:27:09 heizung /system/appliance/CHpumpModulation: 0
2017-12-01_00:27:09 heizung /system/appliance/ChimneySweeper: 0
2017-12-01_00:27:09 heizung /system/appliance/actualPower: 0
2017-12-01_00:27:09 heizung /system/appliance/actualSupplyTemperature: 26.5
2017-12-01_00:27:09 heizung /system/appliance/flameCurrent: 0
2017-12-01_00:27:09 heizung /system/appliance/gasAirPressure: 0
2017-12-01_00:27:09 heizung /system/appliance/nominalBurnerLoad: 14
2017-12-01_00:27:10 heizung /system/appliance/numberOfStarts: 1587
2017-12-01_00:27:10 heizung /system/appliance/powerSetpoint: 0
2017-12-01_00:27:10 heizung /system/appliance/systemPressure: 25.5
2017-12-01_00:27:10 heizung /system/appliance/workingTime/centralHeating: 155739
2017-12-01_00:27:10 heizung /system/appliance/workingTime/secondBurner: 0
2017-12-01_00:27:10 heizung /system/appliance/workingTime/totalSystem: 168087
2017-12-01_00:27:10 heizung /system/brand: Buderus
2017-12-01_00:27:11 heizung /system/bus: EMS2_0
2017-12-01_00:27:11 heizung /system/healthStatus: ok
2017-12-01_00:27:11 heizung /system/heatSources/hs1/actualModulation: 0
2017-12-01_00:27:11 heizung /system/heatSources/hs1/actualPower: 0
2017-12-01_00:27:11 heizung /system/heatSources/hs1/energyReservoir: 0
2017-12-01_00:27:11 heizung /system/heatSources/hs1/fuel/caloricValue: 11.5
2017-12-01_00:27:11 heizung /system/heatSources/hs1/fuel/density: 0.82
2017-12-01_00:27:12 heizung /system/heatSources/hs1/fuelConsmptCorrFactor: 1
2017-12-01_00:27:12 heizung /system/heatSources/hs1/nominalFuelConsumption: 1.8
2017-12-01_00:27:12 heizung /system/heatSources/hs1/reservoirAlert: 0
2017-12-01_00:27:12 heizung /system/holidayModes/hm1/startStop: 2017-04-14/2017-04-16
2017-12-01_00:27:12 heizung /system/holidayModes/hm2/startStop: 2009-01-01/2009-01-01
2017-12-01_00:27:12 heizung /system/holidayModes/hm3/startStop: 2009-01-01/2009-01-01
2017-12-01_00:27:12 heizung /system/holidayModes/hm4/startStop: 2009-01-01/2009-01-01
2017-12-01_00:27:13 heizung /system/holidayModes/hm5/startStop: 2009-01-01/2009-01-01
2017-12-01_00:27:13 heizung /system/info/01/Tok: 8
2017-12-01_00:27:13 heizung /system/info/01/Id: 123
2017-12-01_00:27:13 heizung /system/info/01/No: 383733373931323330413031313630343037343100FFFFFFFFFFFF
2017-12-01_00:27:13 heizung /system/info/01/Ver: 04.09
2017-12-01_00:27:13 heizung /system/info/02/No: 323533303631393136333030323737333831313131313200FFFFFF
2017-12-01_00:27:13 heizung /system/info/02/Id: 158
2017-12-01_00:27:13 heizung /system/info/02/Tok: 16
2017-12-01_00:27:13 heizung /system/info/02/Ver: NF11.09
2017-12-01_00:27:13 heizung /system/info/03/No: 383135303631373030323339393737333831313031313400FFFFFF
2017-12-01_00:27:13 heizung /system/info/03/Id: 160
2017-12-01_00:27:13 heizung /system/info/03/Tok: 32
2017-12-01_00:27:13 heizung /system/info/03/Ver: NF24.03
2017-12-01_00:27:13 heizung /system/info/04/No: 000000000000000000000000000000000000000000000000000000
2017-12-01_00:27:13 heizung /system/info/04/Tok: 9
2017-12-01_00:27:13 heizung /system/info/04/Id: 125
2017-12-01_00:27:13 heizung /system/info/04/Ver: NF01.06
2017-12-01_00:27:13 heizung /system/sensors/temperatures/chimney: -3276.8
2017-12-01_00:27:13 heizung /system/sensors/temperatures/hotWater_t2: 41.3
2017-12-01_00:27:13 heizung /system/sensors/temperatures/outdoor_t1: 4.6
2017-12-01_00:27:13 heizung /system/sensors/temperatures/return: -3276.8
2017-12-01_00:27:13 heizung /system/sensors/temperatures/supply_t1: 26.5
2017-12-01_00:27:14 heizung /system/sensors/temperatures/supply_t1_setpoint: 5
2017-12-01_00:27:14 heizung /system/sensors/temperatures/switch: 23.5
2017-12-01_00:27:14 heizung /system/systemType: NSC_ICOM_GATEWAY
2017-12-01_00:27:14 heizung fullResponse: OK
2017-12-01_00:32:14 heizung /dhwCircuits/dhw1/singleChargeSetpoint: 44
2017-12-01_00:32:14 heizung /dhwCircuits/dhw1/status: ACTIVE
2017-12-01_00:32:14 heizung /dhwCircuits/dhw1/waterFlow: 0
2017-12-01_00:32:15 heizung /dhwCircuits/dhw1/workingTime: 12348
2017-12-01_00:32:15 heizung /gateway/DateTime: 2017-12-01T00:30:00
2017-12-01_00:32:15 heizung /gateway/instAccess: off
2017-12-01_00:32:15 heizung /gateway/instWriteAccess: off
2017-12-01_00:32:15 heizung /gateway/openIPAccess: off
2017-12-01_00:32:15 heizung /gateway/uuid: 517290571
2017-12-01_00:32:15 heizung /gateway/versionFirmware: 04.02.02
2017-12-01_00:32:16 heizung /gateway/versionHardware: iCom_Low_NSC_v1
2017-12-01_00:32:16 heizung /heatSources/CHpumpModulation: 0
2017-12-01_00:32:16 heizung /heatSources/ChimneySweeper: off
2017-12-01_00:32:16 heizung /heatSources/actualCHPower: 0
2017-12-01_00:32:16 heizung /heatSources/actualDHWPower: 0
2017-12-01_00:32:16 heizung /heatSources/actualModulation: 0
2017-12-01_00:32:16 heizung /heatSources/actualPower: 0
2017-12-01_00:32:17 heizung /heatSources/actualSupplyTemperature: 26.3
2017-12-01_00:32:17 heizung /heatSources/applianceSupplyTemperature: 26.3
2017-12-01_00:32:17 heizung /heatSources/burnerModulationSetpoint: 0
2017-12-01_00:32:17 heizung /heatSources/burnerPowerSetpoint: 0
2017-12-01_00:32:17 heizung /heatSources/chimneyTemperature: -3276.8
2017-12-01_00:32:17 heizung /heatSources/flameCurrent: 0
2017-12-01_00:32:17 heizung /heatSources/flameStatus: off
2017-12-01_00:32:18 heizung /heatSources/gasAirPressure: 0
2017-12-01_00:32:18 heizung /heatSources/hs1/actualModulation: 0
2017-12-01_00:32:18 heizung /heatSources/hs1/actualPower: 0
2017-12-01_00:32:18 heizung /heatSources/hs1/energyReservoir: 0
2017-12-01_00:32:18 heizung /heatSources/hs1/flameStatus: off
2017-12-01_00:32:18 heizung /heatSources/hs1/fuel/caloricValue: 11.5
2017-12-01_00:32:18 heizung /heatSources/hs1/fuel/density: 0.82
2017-12-01_00:32:19 heizung /heatSources/hs1/fuelConsmptCorrFactor: 1
2017-12-01_00:32:19 heizung /heatSources/hs1/info/01/Tok: 8
2017-12-01_00:32:19 heizung /heatSources/hs1/info/01/Id: 1117
2017-12-01_00:32:19 heizung /heatSources/hs1/info/01/No: 202020203832393031323334353637383937373136303130343136
2017-12-01_00:32:19 heizung /heatSources/hs1/info/01/Ver: 11
2017-12-01_00:32:19 heizung /heatSources/hs1/nominalFuelConsumption: 1.8
2017-12-01_00:32:19 heizung /heatSources/hs1/reservoirAlert: 0
2017-12-01_00:32:19 heizung /heatSources/hs1/type: GasBoiler
2017-12-01_00:32:19 heizung /heatSources/info/01/No: 202020203832393031323334353637383937373136303130343136
2017-12-01_00:32:19 heizung /heatSources/info/01/Id: 1117
2017-12-01_00:32:19 heizung /heatSources/info/01/Tok: 8
2017-12-01_00:32:19 heizung /heatSources/info/01/Ver: 11
2017-12-01_00:32:19 heizung /heatSources/nominalCHPower: 14
2017-12-01_00:32:20 heizung /heatSources/nominalDHWPower: 15
2017-12-01_00:32:20 heizung /heatSources/numberOfStarts: 1587
2017-12-01_00:32:20 heizung /heatSources/powerSetpoint: 0
2017-12-01_00:32:20 heizung /heatSources/returnTemperature: -3276.8
2017-12-01_00:32:20 heizung /heatSources/supplyTemperatureSetpoint: 5
2017-12-01_00:32:20 heizung /heatSources/systemPressure: 25.5
2017-12-01_00:32:20 heizung /heatSources/workingTime/centralHeating: 155739
2017-12-01_00:32:21 heizung /heatSources/workingTime/secondBurner: 0
2017-12-01_00:32:21 heizung /heatSources/workingTime/totalSystem: 168087
2017-12-01_00:32:21 heizung /heatingCircuits/hc1/actualSupplyTemperature: -3276.8
2017-12-01_00:32:21 heizung /heatingCircuits/hc1/currentRoomSetpoint: 16.5
2017-12-01_00:32:21 heizung /heatingCircuits/hc1/pumpModulation: 0
2017-12-01_00:32:21 heizung /heatingCircuits/hc1/roomtemperature: 20
2017-12-01_00:32:21 heizung /heatingCircuits/hc1/status: ACTIVE
2017-12-01_00:32:22 heizung /system/appliance/CHpumpModulation: 0
2017-12-01_00:32:22 heizung /system/appliance/ChimneySweeper: 0
2017-12-01_00:32:22 heizung /system/appliance/actualPower: 0
2017-12-01_00:32:22 heizung /system/appliance/actualSupplyTemperature: 26.3
2017-12-01_00:32:22 heizung /system/appliance/flameCurrent: 0
2017-12-01_00:32:22 heizung /system/appliance/gasAirPressure: 0
2017-12-01_00:32:23 heizung /system/appliance/nominalBurnerLoad: 14
2017-12-01_00:32:23 heizung /system/appliance/numberOfStarts: 1587
2017-12-01_00:32:23 heizung /system/appliance/powerSetpoint: 0
2017-12-01_00:32:23 heizung /system/appliance/systemPressure: 25.5
2017-12-01_00:32:23 heizung /system/appliance/workingTime/centralHeating: 155739
2017-12-01_00:32:23 heizung /system/appliance/workingTime/secondBurner: 0
2017-12-01_00:32:23 heizung /system/appliance/workingTime/totalSystem: 168087
2017-12-01_00:32:24 heizung /system/brand: Buderus
2017-12-01_00:32:24 heizung /system/bus: EMS2_0
2017-12-01_00:32:24 heizung /system/healthStatus: ok
2017-12-01_00:32:24 heizung /system/heatSources/hs1/actualModulation: 0
2017-12-01_00:32:24 heizung /system/heatSources/hs1/actualPower: 0
2017-12-01_00:32:24 heizung /system/heatSources/hs1/energyReservoir: 0
2017-12-01_00:32:24 heizung /system/heatSources/hs1/fuel/caloricValue: 11.5
2017-12-01_00:32:25 heizung /system/heatSources/hs1/fuel/density: 0.82
2017-12-01_00:32:25 heizung /system/heatSources/hs1/fuelConsmptCorrFactor: 1
2017-12-01_00:32:25 heizung /system/heatSources/hs1/nominalFuelConsumption: 1.8
2017-12-01_00:32:25 heizung /system/heatSources/hs1/reservoirAlert: 0
2017-12-01_00:32:25 heizung /system/holidayModes/hm1/startStop: 2017-04-14/2017-04-16
2017-12-01_00:32:25 heizung /system/holidayModes/hm2/startStop: 2009-01-01/2009-01-01
2017-12-01_00:32:25 heizung /system/holidayModes/hm3/startStop: 2009-01-01/2009-01-01
2017-12-01_00:32:26 heizung /system/holidayModes/hm4/startStop: 2009-01-01/2009-01-01
2017-12-01_00:32:26 heizung /system/holidayModes/hm5/startStop: 2009-01-01/2009-01-01
2017-12-01_00:32:26 heizung /system/info/01/Id: 123
2017-12-01_00:32:26 heizung /system/info/01/Tok: 8
2017-12-01_00:32:26 heizung /system/info/01/No: 383733373931323330413031313630343037343100FFFFFFFFFFFF
2017-12-01_00:32:26 heizung /system/info/01/Ver: 04.09
2017-12-01_00:32:26 heizung /system/info/02/Tok: 16
2017-12-01_00:32:26 heizung /system/info/02/Id: 158
2017-12-01_00:32:26 heizung /system/info/02/No: 323533303631393136333030323737333831313131313200FFFFFF
2017-12-01_00:32:26 heizung /system/info/02/Ver: NF11.09
2017-12-01_00:32:26 heizung /system/info/03/Ver: NF24.03
2017-12-01_00:32:26 heizung /system/info/03/Tok: 32
2017-12-01_00:32:26 heizung /system/info/03/Id: 160
2017-12-01_00:32:26 heizung /system/info/03/No: 383135303631373030323339393737333831313031313400FFFFFF
2017-12-01_00:32:26 heizung /system/info/04/Ver: NF01.06
2017-12-01_00:32:26 heizung /system/info/04/Id: 125
2017-12-01_00:32:26 heizung /system/info/04/Tok: 9
2017-12-01_00:32:26 heizung /system/info/04/No: 000000000000000000000000000000000000000000000000000000
2017-12-01_00:32:26 heizung /system/sensors/temperatures/chimney: -3276.8
2017-12-01_00:32:26 heizung /system/sensors/temperatures/hotWater_t2: 41.2
2017-12-01_00:32:26 heizung /system/sensors/temperatures/outdoor_t1: 4.4
2017-12-01_00:32:26 heizung /system/sensors/temperatures/return: -3276.8
2017-12-01_00:32:27 heizung /system/sensors/temperatures/supply_t1: 26.3
2017-12-01_00:32:27 heizung /system/sensors/temperatures/supply_t1_setpoint: 5
2017-12-01_00:32:27 heizung /system/sensors/temperatures/switch: 23.4
2017-12-01_00:32:27 heizung /system/systemType: NSC_ICOM_GATEWAY
2017-12-01_00:32:27 heizung fullResponse: OK
2017-12-01_00:37:27 heizung /dhwCircuits/dhw1/actualTemp: 41.2
2017-12-01_00:37:27 heizung /dhwCircuits/dhw1/currentSetpoint: 10
2017-12-01_00:37:27 heizung /dhwCircuits/dhw1/singleChargeSetpoint: 44
2017-12-01_00:37:28 heizung /dhwCircuits/dhw1/status: ACTIVE
2017-12-01_00:37:28 heizung /dhwCircuits/dhw1/waterFlow: 0
2017-12-01_00:37:28 heizung /dhwCircuits/dhw1/workingTime: 12348
2017-12-01_00:37:28 heizung /gateway/DateTime: 2017-12-01T00:35:13
2017-12-01_00:37:28 heizung /gateway/instAccess: off
2017-12-01_00:37:28 heizung /gateway/instWriteAccess: off
2017-12-01_00:37:28 heizung /gateway/openIPAccess: off
2017-12-01_00:37:29 heizung /gateway/uuid: 517290571
2017-12-01_00:37:29 heizung /gateway/versionFirmware: 04.02.02
2017-12-01_00:37:29 heizung /gateway/versionHardware: iCom_Low_NSC_v1
2017-12-01_00:37:29 heizung /heatSources/CHpumpModulation: 0
2017-12-01_00:37:29 heizung /heatSources/ChimneySweeper: off
2017-12-01_00:37:29 heizung /heatSources/actualCHPower: 0
2017-12-01_00:37:29 heizung /heatSources/actualDHWPower: 0
2017-12-01_00:37:30 heizung /heatSources/actualModulation: 0
2017-12-01_00:37:30 heizung /heatSources/actualPower: 0
2017-12-01_00:37:30 heizung /heatSources/actualSupplyTemperature: 26.2
2017-12-01_00:37:30 heizung /heatSources/applianceSupplyTemperature: 26.2
2017-12-01_00:37:30 heizung /heatSources/burnerModulationSetpoint: 0
2017-12-01_00:37:30 heizung /heatSources/burnerPowerSetpoint: 0
2017-12-01_00:37:30 heizung /heatSources/chimneyTemperature: -3276.8
2017-12-01_00:37:31 heizung /heatSources/flameCurrent: 0
2017-12-01_00:37:31 heizung /heatSources/flameStatus: off
2017-12-01_00:37:31 heizung /heatSources/gasAirPressure: 0
2017-12-01_00:37:31 heizung /heatSources/hs1/actualModulation: 0
2017-12-01_00:37:31 heizung /heatSources/hs1/actualPower: 0
2017-12-01_00:37:31 heizung /heatSources/hs1/energyReservoir: 0
2017-12-01_00:37:31 heizung /heatSources/hs1/flameStatus: off
2017-12-01_00:37:31 heizung /heatSources/hs1/fuel/caloricValue: 11.5
2017-12-01_00:37:32 heizung /heatSources/hs1/fuel/density: 0.82
2017-12-01_00:37:32 heizung /heatSources/hs1/fuelConsmptCorrFactor: 1
2017-12-01_00:37:32 heizung /heatSources/hs1/info/01/Ver: 11
2017-12-01_00:37:32 heizung /heatSources/hs1/info/01/No: 202020203832393031323334353637383937373136303130343136
2017-12-01_00:37:32 heizung /heatSources/hs1/info/01/Id: 1117
2017-12-01_00:37:32 heizung /heatSources/hs1/info/01/Tok: 8
2017-12-01_00:37:32 heizung /heatSources/hs1/nominalFuelConsumption: 1.8
2017-12-01_00:37:32 heizung /heatSources/hs1/reservoirAlert: 0
2017-12-01_00:37:32 heizung /heatSources/hs1/type: GasBoiler
2017-12-01_00:37:32 heizung /heatSources/info/01/Id: 1117
2017-12-01_00:37:32 heizung /heatSources/info/01/Tok: 8
2017-12-01_00:37:32 heizung /heatSources/info/01/No: 202020203832393031323334353637383937373136303130343136
2017-12-01_00:37:32 heizung /heatSources/info/01/Ver: 11
2017-12-01_00:37:33 heizung /heatSources/nominalCHPower: 14
2017-12-01_00:37:33 heizung /heatSources/nominalDHWPower: 15
2017-12-01_00:37:33 heizung /heatSources/numberOfStarts: 1587
2017-12-01_00:37:33 heizung /heatSources/powerSetpoint: 0
2017-12-01_00:37:33 heizung /heatSources/returnTemperature: -3276.8
2017-12-01_00:37:33 heizung /heatSources/supplyTemperatureSetpoint: 5
2017-12-01_00:37:33 heizung /heatSources/systemPressure: 25.5
2017-12-01_00:37:34 heizung /heatSources/workingTime/centralHeating: 155739
2017-12-01_00:37:34 heizung /heatSources/workingTime/secondBurner: 0
2017-12-01_00:37:34 heizung /heatSources/workingTime/totalSystem: 168087
2017-12-01_00:37:34 heizung /heatingCircuits/hc1/actualSupplyTemperature: -3276.8
2017-12-01_00:37:35 heizung /heatingCircuits/hc1/currentRoomSetpoint: 16.5
2017-12-01_00:37:35 heizung /heatingCircuits/hc1/pumpModulation: 0
2017-12-01_00:37:35 heizung /heatingCircuits/hc1/roomtemperature: 20
2017-12-01_00:37:35 heizung /heatingCircuits/hc1/status: ACTIVE
2017-12-01_00:37:35 heizung /system/appliance/CHpumpModulation: 0
2017-12-01_00:37:35 heizung /system/appliance/ChimneySweeper: 0
2017-12-01_00:37:36 heizung /system/appliance/actualPower: 0
2017-12-01_00:37:36 heizung /system/appliance/actualSupplyTemperature: 26.2
2017-12-01_00:37:36 heizung /system/appliance/flameCurrent: 0
2017-12-01_00:37:36 heizung /system/appliance/gasAirPressure: 0
2017-12-01_00:37:36 heizung /system/appliance/nominalBurnerLoad: 14
2017-12-01_00:37:36 heizung /system/appliance/numberOfStarts: 1587
2017-12-01_00:37:37 heizung /system/appliance/powerSetpoint: 0
2017-12-01_00:37:37 heizung /system/appliance/systemPressure: 25.5
2017-12-01_00:37:37 heizung /system/appliance/workingTime/centralHeating: 155739
2017-12-01_00:37:37 heizung /system/appliance/workingTime/secondBurner: 0
2017-12-01_00:37:37 heizung /system/appliance/workingTime/totalSystem: 168087
2017-12-01_00:37:37 heizung /system/brand: Buderus
2017-12-01_00:37:37 heizung /system/bus: EMS2_0
2017-12-01_00:37:38 heizung /system/healthStatus: ok
2017-12-01_00:37:38 heizung /system/heatSources/hs1/actualModulation: 0
2017-12-01_00:37:38 heizung /system/heatSources/hs1/actualPower: 0
2017-12-01_00:37:38 heizung /system/heatSources/hs1/energyReservoir: 0
2017-12-01_00:37:38 heizung /system/heatSources/hs1/fuel/caloricValue: 11.5
2017-12-01_00:37:38 heizung /system/heatSources/hs1/fuel/density: 0.82
2017-12-01_00:37:38 heizung /system/heatSources/hs1/fuelConsmptCorrFactor: 1
2017-12-01_00:37:39 heizung /system/heatSources/hs1/nominalFuelConsumption: 1.8
2017-12-01_00:37:39 heizung /system/heatSources/hs1/reservoirAlert: 0
2017-12-01_00:37:39 heizung /system/holidayModes/hm1/startStop: 2017-04-14/2017-04-16
2017-12-01_00:37:39 heizung /system/holidayModes/hm2/startStop: 2009-01-01/2009-01-01
2017-12-01_00:37:39 heizung /system/holidayModes/hm3/startStop: 2009-01-01/2009-01-01
2017-12-01_00:37:39 heizung /system/holidayModes/hm4/startStop: 2009-01-01/2009-01-01
2017-12-01_00:37:39 heizung /system/holidayModes/hm5/startStop: 2009-01-01/2009-01-01
2017-12-01_00:37:40 heizung /system/info/01/Id: 123
2017-12-01_00:37:40 heizung /system/info/01/Tok: 8
2017-12-01_00:37:40 heizung /system/info/01/No: 383733373931323330413031313630343037343100FFFFFFFFFFFF
2017-12-01_00:37:40 heizung /system/info/01/Ver: 04.09
2017-12-01_00:37:40 heizung /system/info/02/Tok: 16
2017-12-01_00:37:40 heizung /system/info/02/Id: 158
2017-12-01_00:37:40 heizung /system/info/02/No: 323533303631393136333030323737333831313131313200FFFFFF
2017-12-01_00:37:40 heizung /system/info/02/Ver: NF11.09
2017-12-01_00:37:40 heizung /system/info/03/No: 383135303631373030323339393737333831313031313400FFFFFF
2017-12-01_00:37:40 heizung /system/info/03/Tok: 32
2017-12-01_00:37:40 heizung /system/info/03/Id: 160
2017-12-01_00:37:40 heizung /system/info/03/Ver: NF24.03
2017-12-01_00:37:40 heizung /system/info/04/No: 000000000000000000000000000000000000000000000000000000
2017-12-01_00:37:40 heizung /system/info/04/Tok: 9
2017-12-01_00:37:40 heizung /system/info/04/Id: 125
2017-12-01_00:37:40 heizung /system/info/04/Ver: NF01.06
2017-12-01_00:37:40 heizung /system/sensors/temperatures/chimney: -3276.8
2017-12-01_00:37:40 heizung /system/sensors/temperatures/hotWater_t2: 41.2
2017-12-01_00:37:40 heizung /system/sensors/temperatures/outdoor_t1: 4.4
2017-12-01_00:37:40 heizung /system/sensors/temperatures/return: -3276.8
2017-12-01_00:37:40 heizung /system/sensors/temperatures/supply_t1: 26.2
Danke !
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 19 Dezember 2017, 08:39:59
Mit den Daten solltest Du mit folgenden Columnspec Definitionen als Minimalkonfiguration hinkommen (Du musst als zweiten Parameter ja nur einen Suchstring definieren, der Dir eindeutig die Zeilen ausfiltert, die Du haben möchtest, die '/' in Deiner Definition können zu Problemen führen, weil das Ganze als regular Expression angesehen wird):

data-columnspec='["4:actualTemp","4:roomtemperature","4:outdoor_t1"]'

Wenn Du alternativ noch eine Auswahl im vorderen Teil der Zeilen treffen möchtest, also z.B. nur die Teile mit 'appliance' im ersten Teil des Strings, dann kannst Du so etwas wie:

data-columnspec='["4:.*appliance.*actualSupplyTemperature","4:roomtemperature","4:outdoor_t1"]'

verwenden.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 19 Dezember 2017, 10:15:25
...
Es wird rein gar nichts angezeigt, das Widget bleibt leer.
"dblog" heisst bei mir "myDbLog" und history ist in MariaDB klein geschrieben, ich habe schon viele verschiedene Versionen ausprobiert.

Wo kann ich beim Fehler suchen ansetzen - wirklich in der Java Konsole meines Safari Browsers? Schreibt FTUI nicht noch irgendwo anders log Daten? "Verbose" finde ich in dem Zusammenhang nicht.

<div data-type="chart"
         data-device="Puffer_1_oben"
         data-logdevice="myDbLog"
         data-logfile="HISTORY"
         data-columnspec='["Puffer_1_oben:state","Puffer_2_oben:state"]'
         data-style='["ftui l2","ftui l4dot"]'
         data-minvalue="0"
         data-maxvalue="100"
         data-minvalue_sec="10"
         data-maxvalue_sec="30"
         data-xticks="180"
         data-ytext="Temperature"
         data-yunit="°C"
         data-yunit_sec="°C"
         data-ytext_sec="Temperature"
         data-legend='["Temperature","Temperature"]'
         data-uaxis='["secondary","primary"]'
         data-ptype='["lines","lines"]'
         data-showlegend="true"
         class="fullsize nobuttons">
        </div>

Viele Grüße,
Patrick

Kannst Du mal posten was heraus kommt wenn Du in FEHM
get myDbLog - - ALL ALL %:%eingibst.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Patrick Strassburger am 19 Dezember 2017, 22:15:23
Hallo Eki,

get myDbLog - - ALL ALL %:%Output:
#%:%:::

Ich habe mit dem Befehl weiter getestet, bekomme folgendes:
get myDbLog history ALL 2017-12-19_21 2017-12-19_22 Puffer_3_oben:%Output:
Timestamp: Device, Type, Event, Reading, Value, Unit
=====================================================
2017-12-19 21:00:02: Puffer_3_oben, DUMMY, state: 78.0, state, 78.0,
2017-12-19 21:01:02: Puffer_3_oben, DUMMY, state: 78.0, state, 78.0,
2017-12-19 21:02:02: Puffer_3_oben, DUMMY, state: 78.0, state, 78.0,
2017-12-19 21:03:02: Puffer_3_oben, DUMMY, state: 78.0, state, 78.0,

get myDbLog - - 2017-12-19_21 2017-12-19_22 Puffer_3_oben:%Output:
2017-12-19_21:00:02 78.0
2017-12-19_21:01:02 78.0
2017-12-19_21:02:02 78.0

Ich verstehe es nicht ganz - würde erwarten, mit get myDbLog - - ALL ALL %:% alle Daten angezeigt zu bekommen?

Grüße,
Patrick
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 20 Dezember 2017, 09:01:39
Ich bin leider auch kein Experte bezüglich dblog (ich verwende immer noch Files). Warum das get nicht so funktioniert, wie wir das denken, kann ich also auch nicht sagen.

In Deiner columnspec Definition hast Du ja z.B. "Puffer_1_oben:state" stehen. Wenn Du jetzt also
get myDbLog - - 2017-12-19_21 2017-12-19_22 Puffer_1_oben:state eingibst, dann sollte dort eine Liste mit Datum und Wert herauskommen. Falls ja, müsste auch das Chart mit Deinen Definitionen funktionieren. Eventuell kannst Du mal mit
data-device="myDbLog" probieren (in Deiner Definition müsstest Du auf jeden fall auch bei data-device ein Array angeben sonst siehst Du die Änderungen u.U. nicht live.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Patrick Strassburger am 20 Dezember 2017, 11:21:31
Hallo Eki,

nee, bringt leider auch nichts  :-\
Kannst Du mir sagen wie ich die Verbindung der html Seite zur Datenbank testen? Ich glaube gerade dass es gar nicht zur Abfrage der Datenbank kommt.
Ich sehe bei einem verbose 5 auf das Logging nur die manuellen get Abfragen (im log sehe ich das "SELECT..."), nicht aber die Anfrage, wenn ich die Seite aufrufe/aktualisiere? Ich habe testweise labels umbenannt um sicher zugehen, dass ich auch die Datei editiere welche ich mir anzeigen lassen will :-)

Viele Grüße,
Patrick
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 20 Dezember 2017, 12:27:39
Der Client (HTML Browser) verwendet einfach HTTP Get aufrufe um die Daten von FHEM auf der Server Seite abzuholen. Dazu wird im widget_chart.js ein Get Aufruf aus den Inputs aus der Definition des Charts gebastelt und dann an den Server (den Web Server den FHEM aufbaut) geschickt. Wenn Du sehen willst ob das überhaupt raus geht, bzw. ob die Antwort falsch ist, dann kannst Du das im Browser machen. Einfach mit der rechten Maustaste das Kontextmenu aufrufen und dort "Inspect Element" oder "Element untersuchen" o.ä. (je nach Browser ein bisschen unterschiedlich) auswählen. Dann sollte ein Fenster aufgehen, das einen Reiter Network enthält wenn Du da drauf gehst, siehst Du alle Nachrichten die zwischen Client und Server ausgetauscht werden und deren Ihnalt/Antwort etc.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Patrick Strassburger am 20 Dezember 2017, 15:24:07
Hallo Eki,

vielen Dank für die Hilfe, es funktioniert nun - es muss an den Headers in dem index.html File gelegen haben.
Nach etlichem Testen (die Analyse mit dem Browser half hier sehr) dachte ich, ich versuche es mal mit der aktuellen page welche ich live nutze und siehe da, hiermit funktioniert es.

Das hab ich davon ein Beispiel zu nehmen und parallel laufen zu lassen :-(

Vielen Dank!
Patrick
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 21 Dezember 2017, 13:11:18
Mir war und ist schon klar, dass die Achsenformatierung erheblichen Gehirnschmalz erfordert, und ich habe hinsichtlich des Fertigstellungstermins auch keinerlei Erwartungen. Vermutlich ist es sinnvoll, diese Sache zunächst sehr konzeptionell zu behandeln, reifen zu lassen und erst später mit der Codierung zu beginnen. Letztlich wäre fast jeder mit einer festen Achsenformatierung zufrieden gewesen, wenn der Entwickler keine Möglichkeit zum Stauchen, Dehnen und Verschieben der Zeiträume vorgesehen hätte. So schaukeln wir uns nach oben.

Titelzeile und Menü sind demgegenüber wahrscheinlich Quick Wins. An dieser Stelle ein herzlicher Dank für die großartigen Leistungen im abgelaufenen Jahr und alles Gute zu den kommenden Festtagen. 8)

So, jetzt ist dann doch schon etwas vorher Weihnachten. Ich habe eine Version fertig, die hoffentlich all das kann, was Du Dir gewünscht hast. Ich poste das jetzt erst mal hier und bitte um Tests und Feedback bevor das wieder für alle freigegeben wird.

Hier mal die Änderungen:

Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Ulm32b am 22 Dezember 2017, 00:47:55
So, jetzt ist dann doch schon etwas vorher Weihnachten. Ich habe eine Version fertig, die hoffentlich all das kann, was Du Dir gewünscht hast. Ich poste das jetzt erst mal hier und bitte um Tests und Feedback bevor das wieder für alle freigegeben wird.
...

Hallo Eki,
das ist eine schöne Überraschung.
Gerne habe ich die neue Version gleich getestet. Mein Testcase ist eine Benzinpreisstatistik (Na ja, die Welt hat nicht gerade darauf gewartet). Es ist gewiss sinnvoll, Beispiele aus verschiedensten Bereichen zusammenzutragen; insofern liefere ich hier nur den ersten Beitrag (Andere dürfen sich beteiligen) - und muss auch gleich ankündigen, bis 8.1.2018 keinen Zugriff mehr auf FTUI zu haben.

Für Interessenten an meiner Konfiguration:
<div data-type="chart"
data-device="bft"
data-get="SuperE10"
data-logdevice="FileLog.Benzinpreis"
data-columnspec="4:SuperE10"
data-style="ftui l0fill"
data-ptype="steps"
data-minvalue="0.9"
data-maxvalue="1.5"
data-nofulldays="false"
data-title="Aktuell: $data{currval1} €"
data-title_class="title-gas"
data-width="800px"
data-height="500px"
data-xticks="auto"
data-xticks_round="auto"
data-yticks_format="#.##"
data-yunit=" €&nbsp;"
data-daysago_start="1"
data-timeranges='[["Heute","0D","-1D"],["2 Tage","1D","-1D"],["Aktuelle Woche","0W","-1W"],["Aktueller Monat","0M","-1M"],["Aktuelles Quartal","2M","-1M"],["Aktuelles Jahr","0Y","-1Y"]]'
class="top-space big">
</div>

In der user-css werden Achsenbeschriftungen, Titel und Buttons formatiert sowie Legende und Cursor ausgeblendet:
/* Definition of the axes generally */
.text.axes {
font-size: 20px !important;
font-family: "Helvetica Neue", "Helvetica", "Open Sans", "Arial", sans-serif;
}

/* Legende und Cursor ausblenden*/
svg.legend text.caption {
display: none;
}

/* Definition of size etc. for the buttons */
.buttons {
font-size: 50px!important;
}

/* Definition von size etc. für den Titel Benzin */
.title-gas {
font-size: 20px!important;
fill: #888;
font-family: "Helvetica Neue", "Helvetica", "Open Sans", "Arial", sans-serif;
}

Das Ergebnis ist im ersten Bild zu erkennen.
Es folgt die Formatierung der x-Achse für
- 1 Woche,
- 1 Monat,
- 1 Quartal.

Danach habe ich, ausgehend, vom Grundbild (2 Tage) den betrachteten Zeitraum mehrfach mit "-" vergrößert.
Zusammengefasst kann sich das Ergebnis sehen lassen. Etwas problematisch scheinen noch Anfang und Ende der Achse zu sein. Dort gibt es tlw. überdruckte Zeichen. Vielleicht sollte man im Zweifel die Beschriftung von Anfang bzw. Ende weglassen; damit dürfte sich evtl. auch die Doppelnennung von "Dez" erledigen. Teilweise fehlt auch der Punkt nach dem Monat in der Datumsangabe.

Ein weiterer Aspekt ist die Verbindung verschiedener Zeitskalen, z.B. Uhrzeiten und Datum wie im ersten Bild. Hier könnte man die übergeordnete Einheit (in diesem Fall also Datum) durch Fettdruck oder Tieferstellung hervorheben.

Ich denke, mehr als 90% der Anwender wären beglückt, wenn die Zeiträume 1 Stunde, 1 Tag, 1 Woche, 1 Monat, 1 Quartal, 1 Jahr (mit geradem Anfang und Ende) auf der x-Achse gleichmäßig eingeteilt und beschriftet werden. Da sind wir schon nahe dran. Insgesamt ist der neueste Stand wiederum ein großer Wurf. Interessenten kann ich diese Version uneingeschränkt empfehlen.

Beste Grüße
Ulm32b
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ToM_ToM am 28 Dezember 2017, 00:24:42
Hallo Zusammen,

gibt es eig. eine Möglichkeit, eine horizontale Linie durch das ganze Diagramm zu ziehen die quasi einen Durchschnittswert anzeigt?
Ich habe einen Chart der mir die aktuelle Watt pro Stunde meiner Solarzellen anzeigt. Und jetzt würde ich mein Reading für den Durchschnitt gerne als eine Linie anzeigen lassen die durchs Diagramm durchgeht. Damit ich quasi sehen kann, ob der aktuelle Wert über oder unter dem bisherigen Tagesdurchschnitt liegt.
Hoffentlich kann man mir folgen.  :D

VG, Thomas
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 08 Januar 2018, 10:07:34
Wenn ich dich richtig verstehe, dann hast Du ein Reading welches den Durchschnittswert enthält. Wie häufig wird dieses Reading aktualisiert? Falls es nur einmal pro Tag aktualisiert wird, dann kannst Du einfach dieses Reading nehmen und als Plottyp 'steps', 'fsteps' oder 'histeps' verwenden (welcher der ..steps Typen richtig ist, hängt davon ab welches Aktualisierungsdatum dein Reading hat (also ob am Anfang/Ende/Mitte des Tages der Durchschnittswert geschrieben wird) wahrscheinlich wird 'fsteps' passen).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ToM_ToM am 10 Januar 2018, 16:43:53
Zitat
Wenn ich dich richtig verstehe, dann hast Du ein Reading welches den Durchschnittswert enthält.
Genau. Dieses Reading wird natürlich permanent aktualisiert. Das heißt, sobald sich der Wert ändert, von dem der Tagesdurchschnitt errechnet wird, ändert sich unter Umständen auch der Wert des Readings welches den Durchschnitt enthält. Coll wäre eben wenn dieser eine Wert als komplett durchgezogene Linie angezeigt wird.

Also so wie im angefügten Bild (Quelle: Google Bilder)

VG, Thomas
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Ulm32b am 10 Januar 2018, 19:37:05
Und wie wäre es mit einem gleitenden Durchschnitt (wie an der Börse  ;D) oder mit der exponentiellen Glättung errechnet? Hängt natürlich von den Umständen und Zielen ab. Jedenfalls wären diese Graphen mit den vorhandenen Mitteln darstellbar.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: setstate am 10 Januar 2018, 19:46:00
https://ucexperiment.wordpress.com/2013/06/10/moving-rolling-and-running-average/

Die Funktionen kann man sicherlich auch in Perl einfach implementieren.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 11 Januar 2018, 09:12:19
Genau. Dieses Reading wird natürlich permanent aktualisiert. Das heißt, sobald sich der Wert ändert, von dem der Tagesdurchschnitt errechnet wird, ändert sich unter Umständen auch der Wert des Readings welches den Durchschnitt enthält. Coll wäre eben wenn dieser eine Wert als komplett durchgezogene Linie angezeigt wird.

Also so wie im angefügten Bild (Quelle: Google Bilder)

VG, Thomas

Das geht über logproxy schon jetzt. Du musst folgendes Tun:

in FHEM (falls nicht schon vorhanden ein logProxy device anlegen (angenommener Name ist lp).
Folgende Definitionen zu Deinen bestehenden dazufügen (ich gehe mal davon aus, dass Du schon ein Array mit columnspec etc hast, und habe mal als Beispiel angenommen, dass Dein Device welches den Mittelwert als Reading hat test heißt und das Reading mWert, das muss dann natürlich entsprechend Deinen wirklichen Werten angepasst werden):
data-device='[...,"test"]' (das wird gebraucht, um dafür zu sorgen, dass das Chart entsprechend Änderungen dynamisch mitbekommt)
data-logdevice='[...,"lp"]'
data-columnspec='[...,"ConstY:ReadingsVal(\"test\",\"mWert\",\"0\")"]'
entsprechend dann natürlich noch data-style, data-ptype, data-uaxis für den zusätzlichen Graphen festlegen.

Die Art der Berechnung des Readings kann man, wie von setstate vorgeschlagen ja in FHEM dann entsprechend über Perl festlegen, das hat ja nichts mit der Darstellung im Chart zu tun.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Lucky2k12 am 11 Januar 2018, 09:17:27
Zum Thema gleitende Mittelwertbildung gibt's schon was von @pah im wiki:
https://wiki.fhem.de/wiki/Gleitende_Mittelwerte_berechnen_und_loggen
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ToM_ToM am 14 Januar 2018, 11:14:49
Zitat
Das geht über logproxy schon jetzt. Du musst folgendes Tun:

Hey cool, das funktioniert super. Da wäre ich nie drauf gekommen. :)
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ekur am 14 Januar 2018, 11:29:28
Ich verstehe nicht ganz die Syntax, die benötigt wird um data-maxvalue und data-minvalue aus einem Reading zu ziehen.

In der Erklärung steht:

Zitat
readings dynamisch gesetzt werden wenn "<device>:<reading>" als Parameter gesetzt wird

Ich habe mit dem Device "Wetter" und dem Reading "gr_max" folgendes hinterlegt:

data-maxvalue="Wetter:gr_max"
Leider wird damit kein Graph mehr angezeigt. Ist die Syntax jetzt eine andere?

Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 14 Januar 2018, 16:13:40
Prinzipiell sollte das so gehen. Schick mal die komplette Definition Deines Charts, dann kann ich versuchen das nachzustellen und zu beheben.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ekur am 14 Januar 2018, 18:49:49
Hallo eki,

es ist ein Chart ab aktueller Uhrzeit mit 24 Stunden Vorausschau, unten angehängt die Bilder wie es aussieht sowie das Device mit den Readings, hier der Code:

        <div data-type="chart"
         data-device="Wetter"
         data-get="state"
         data-logdevice='[
                "myLogProxy",
                "myLogProxy",
                "myLogProxy",
                "myLogProxy"
                        ]'
         data-columnspec='[
                "Func:logProxy_proplanta2Plot(\\x22Wetter\\x22,\\x22temp_\\x22,$from,$to,12,\\x22day\\x22)",
                "ConstY:ReadingsVal(\"Wetter\",\"gr_zero\",\"0\")",
                "Func:logProxy_proplanta2Plot(\\x22Wetter\\x22,\\x22rain_\\x22,$from,$to,12,\\x22day\\x22)",
                "Func:logProxy_proplanta2Plot(\\x22Wetter\\x22,\\x22chOfRain_\\x22,$from,$to,12,\\x22day\\x22)"
                        ]'
         data-style='[
                "ftui l0",
                "ftui l2",
                "ftui l6fill",
                "ftui l5fill"
                        ]'
         data-ptype='[
                "quadraticSmooth",
                "lines",
                "steps",
                "quadraticSmooth"
                        ]'
         data-uaxis='[
                "primary",
                "primary",
                "secondary",
                "secondary"
                        ]'
         data-legend='[
                "Temperatur",
                "Null-Linie",
                "Regenmenge",
                "Regenwahrscheinlichkeit"
                        ]'

         data-yunit="°C"
         data-ytext="Temperatur"
         data-yunit_sec="mm/%"
         data-ytext_sec="Regenmenge / -wahrscheinlichkeit"
         data-timeformat="hh"
         data-minvalue="Wetter:gr_min"
         data-maxvalue="Wetter:gr_max"
         data-minvalue_sec="auto"
         data-maxvalue_sec="100"
         data-nofulldays='true'
         data-daysago_start = "now"
         data-daysago_end = "-24h"
         data-xticks="60"
         data-yticks="auto"
         data-yticks_sec="20"
         data-title="24-Stunden - Vorhersage"
         data-showlegend="false"
         data-height="100%"
         class="nobuttons fullsize">
        </div>
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 15 Januar 2018, 08:11:38
Also ich habe das jetzt mal bei mir mit genau Deinen Einstellungen und einem PROPLANTA Device ausprobiert. Ich musste allerdings erst die beiden Readings gr_min und gr_max anlegen (ich nehme an, dass Du die per userReadings oder von Hand angelegt hast). Sobald die Readings vorhanden waren und dort Zahlen standen hat es bei mir geklappt. Kannst Du mir noch per "list Wetter" in der FHEM Kommandozeile die Parameter Deines Wetter Devices posten.
Bist Du sicher, dass Du die aktuellste Version des Widgets verwendest (das Feature kam ja erst kürzlich dazu)?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ToM_ToM am 15 Januar 2018, 09:08:36
Guten Morgen Zusammen,

mal eine Frage:

Ich logge alle 10 Sekunden den Stromverbrauch. Wenn ich diese Werte jetzt in ein Chart bringen möchte, ist mein Tablet völlig überfordert.
Gibt es eine Möglichkeit, dem Chart-Widget zu sagen dass es nicht alle Daten, sondern nur die von allen 5 min verwenden soll? Oder müsste ich hier zusätzliche Daten loggen?

VG, Thomas
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dafreak am 16 Januar 2018, 22:18:28
Moin,
ich bin absolut am verzweifeln :'( Warum funktioniert das Widget mit einem Logproxy und ConstX/ConstY mit Variablen nicht?

"ConstY:$data{max1}"
"ConstX:$data{maxdate1},$data{max1},$data{avg1}"

Diese beiden data-columnspecs funktionieren bei mir leider nicht, obwohl $data{max1} z.B. im Titel funktioniert. Ebenso funktioniert es, wenn ich anstelle der Variablen, einen festen Wert angebe, z.B. "ConstY:1500". Dann wird bei 1500 eine waagerechte Linie angezeigt.
Bin ich zu blöd, oder muss man auch hier irgendwas escapen, hinzufügen oder weglassen?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 17 Januar 2018, 08:57:55
Guten Morgen Zusammen,

mal eine Frage:

Ich logge alle 10 Sekunden den Stromverbrauch. Wenn ich diese Werte jetzt in ein Chart bringen möchte, ist mein Tablet völlig überfordert.
Gibt es eine Möglichkeit, dem Chart-Widget zu sagen dass es nicht alle Daten, sondern nur die von allen 5 min verwenden soll? Oder müsste ich hier zusätzliche Daten loggen?

VG, Thomas

Hallo Thomas,

das chart widget macht eigentlich selbst nichts an den Daten, die es von FHEM bekommt, sondern stellt sie nur auf verschiedene Weisen dar. Das ist für mich so ein bisschen ein Grundprinzip, das ich auch nicht so gern aufgeben will. Man müsste eigentlich erst mal schauen, was wirklich für die schlechte Performance zuständig ist. Das Ganze geht ja in 2 Schritten:
1. Das Chart Widget holt sich vom FHEM Server per get Befehl (wie in der Columnspec angegeben) die Daten.
2. Das Chart Widget (im Browser auf dem Client) bereitet die Daten auf und stellt sie dar.

Der Grund für schlechte Performance könnte als 1. der FHEM Server sein, der muss ja auch die Logfiles oder die LogDB durchsuchen und dann die gewünschten Daten zusammen sammeln und über das WEB an den Client schicken und 2. der Client auf einem schwächerer performanten Tablet/Smarphone/PC. Um wirklich Performance zu sparen, sollte man also am Beginn der Kette reduzieren und das geht aus meiner Sicht am besten mit einem zweiten Logfile in FHEM, das weniger häufig loggt (z.B. per event-min-interval Attribut).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 17 Januar 2018, 09:06:02
Moin,
ich bin absolut am verzweifeln :'( Warum funktioniert das Widget mit einem Logproxy und ConstX/ConstY mit Variablen nicht?

"ConstY:$data{max1}"
"ConstX:$data{maxdate1},$data{max1},$data{avg1}"

Diese beiden data-columnspecs funktionieren bei mir leider nicht, obwohl $data{max1} z.B. im Titel funktioniert. Ebenso funktioniert es, wenn ich anstelle der Variablen, einen festen Wert angebe, z.B. "ConstY:1500". Dann wird bei 1500 eine waagerechte Linie angezeigt.
Bin ich zu blöd, oder muss man auch hier irgendwas escapen, hinzufügen oder weglassen?

Nein, Du bist nicht zu blöd (nehme ich zumindest an ;)). Die Möglichkeit des Zugriffs auf $data... ist bisher im Chart nicht implementiert. Die Parameter $data... sind erst mal nur im Perl von FHEM enthalten und das Chart Widget ist ja ein ganz anderes Tool, welches auf einem Web Clienten läuft (möglicherweise auf einem anderen Rechner) und das nur per Web Schnittstelle Daten aus FEHM abrufen kann.

Für die Einträge in der Überschrift habe ich das im Chart Widget "nach implementiert" und das müsste ich für die Nutzung in den Columnspecs auch machen. Ich schaue mal, wieviel Aufwand das ist und was ich machen kann.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: nhetzke am 17 Januar 2018, 09:06:28
Hallo,
ich habe ein Problem mit der 'data-columnspec'

Ich greife über folgende Zeilen die Werte aus einem LogFile ab:
data-logdevice='["FileLog_MeinWetter.Regen"]'
data-device="MeinWetter.Regen"
data-columnspec='["4:rainToDay"]'

Dabei habe ich folgende Erkenntnisse gemacht. In dem LogFile gibt es folgende beiden Werte:

2018-01-17_09:03:23 MeinWetter.Regen rainToDay: 3.61
2018-01-17_09:03:23 MeinWetter.Regen rainToDayIn: 0.14

Nun möchte ich natürlich nur die Werte aus rainToDay haben. Das Chart Widget liefert mir jedoch teilweise auch Werte aus rainToDayIn.

Mache ich nun etwas falsch?

Danke und LGe
Niels
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 17 Januar 2018, 09:29:08
Du musst in der Columnspec beim Filtern auch den ':' mit einbeziehen. Allerdings muss der 'maskiert' werden.

Mit:

data-columnspec='["4:rainToDay\\x3a:"]'
sollte es gehen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ToM_ToM am 17 Januar 2018, 11:31:49
Zitat
Der Grund für schlechte Performance könnte als 1. der FHEM Server sein, der muss ja auch die Logfiles oder die LogDB durchsuchen und dann die gewünschten Daten zusammen sammeln und über das WEB an den Client schicken und 2. der Client auf einem schwächerer performanten Tablet/Smarphone/PC. Um wirklich Performance zu sparen, sollte man also am Beginn der Kette reduzieren und das geht aus meiner Sicht am besten mit einem zweiten Logfile in FHEM, das weniger häufig loggt (z.B. per event-min-interval Attribut).

Hi eki, alles klar. Mit dieser Antwort kann ich leben. :) Ich werde dann einfach ein zweites Userreading anlegen welches nur den Durchschnitt über die letzten 5 min loggt und das für die Anzeige verwenden.
Es liegt definitiv am Tablet. Wenn ichs am PC aufrufe, sehe ich die Daten sofort.

VG, Thomas
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: nhetzke am 17 Januar 2018, 11:39:22
Du musst in der Columnspec beim Filtern auch den ':' mit einbeziehen. Allerdings muss der 'maskiert' werden.

Mit:

data-columnspec='["4:rainToDay\\x3a:"]'
sollte es gehen.

Danke, hat geklappt.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ekur am 17 Januar 2018, 16:12:39
Hallo eki,

(ich nehme an, dass Du die per userReadings oder von Hand angelegt hast)
Ja, das ist richtig.
Bist Du sicher, dass Du die aktuellste Version des Widgets verwendest (das Feature kam ja erst kürzlich dazu)?
Ich war mir sicher, habe aber jetzt extra noch mal ein Zwangsupdate gemacht, und es ist immer noch das gleiche.

Hier das List:
Internals:
   DEF        Neutraubling
   INTERVAL   3600
   NAME       Wetter
   NR         44
   STATE      Tmin: 0 Tmax: 3 T: 2.4 H: 69.1 W: 28.8 P: 1005.1
   TYPE       PROPLANTA
   URL        https://www.proplanta.de/Wetter/profi-wetter.php?SITEID=60&PLZ=Neutraubling&STADT=Neutraubling&WETTERaufrufen=stadt&Wtp=&SUCHE=Wetter&wT=
   READINGS:
     2018-01-17 15:19:38   cloudBaseMax    1500
     2018-01-17 15:19:38   cloudBaseMin    1000
     2018-01-17 15:19:38   dewPoint        -2.7
     2018-01-17 15:19:38   durationFetchReadings 12.98
     2018-01-17 15:19:38   fc0_chOfRain00  40
     2018-01-17 15:19:38   fc0_chOfRain03  80
     2018-01-17 15:19:38   fc0_chOfRain06  10
     2018-01-17 15:19:38   fc0_chOfRain09  40
     2018-01-17 15:19:38   fc0_chOfRain12  40
     2018-01-17 15:19:38   fc0_chOfRain15  40
     2018-01-17 15:19:38   fc0_chOfRain18  40
     2018-01-17 15:19:38   fc0_chOfRain21  40
     2018-01-17 15:19:38   fc0_chOfRainDay 40
     2018-01-17 15:19:38   fc0_chOfRainNight 40
     2018-01-17 15:19:38   fc0_cloud00     62.5
     2018-01-17 15:19:38   fc0_cloud03     87.5
     2018-01-17 15:19:38   fc0_cloud06     50
     2018-01-17 15:19:38   fc0_cloud09     100
     2018-01-17 15:19:38   fc0_cloud12     100
     2018-01-17 15:19:38   fc0_cloud15     100
     2018-01-17 15:19:38   fc0_cloud18     100
     2018-01-17 15:19:38   fc0_cloud21     100
     2018-01-17 15:19:38   fc0_date        17.01.2018
     2018-01-17 15:19:38   fc0_dew         0
     2018-01-17 15:19:38   fc0_evapor      1
     2018-01-17 15:19:38   fc0_frost       1
     2018-01-17 15:19:38   fc0_moonRise    08:02
     2018-01-17 15:19:38   fc0_moonSet     17:16
     2018-01-17 15:19:38   fc0_rad         0.8
     2018-01-17 15:19:38   fc0_rain        6.3
     2018-01-17 15:19:38   fc0_rain00      2
     2018-01-17 15:19:38   fc0_rain03      1
     2018-01-17 15:19:38   fc0_rain06      0
     2018-01-17 15:19:38   fc0_rain09      0.9
     2018-01-17 15:19:38   fc0_rain12      0.6
     2018-01-17 15:19:38   fc0_rain15      0.6
     2018-01-17 15:19:38   fc0_rain18      0.8
     2018-01-17 15:19:38   fc0_rain21      0.4
     2018-01-17 15:19:38   fc0_sun         30
     2018-01-17 15:19:38   fc0_temp00      2
     2018-01-17 15:19:38   fc0_temp03      1
     2018-01-17 15:19:38   fc0_temp06      2
     2018-01-17 15:19:38   fc0_temp09      2
     2018-01-17 15:19:38   fc0_temp12      2
     2018-01-17 15:19:38   fc0_temp15      2
     2018-01-17 15:19:38   fc0_temp18      2
     2018-01-17 15:19:38   fc0_temp21      1
     2018-01-17 15:19:38   fc0_tempMax     3
     2018-01-17 15:19:38   fc0_tempMin     0
     2018-01-17 15:19:38   fc0_uv          2
     2018-01-17 15:19:38   fc0_weatherDay  Schneeschauer
     2018-01-17 15:19:38   fc0_weatherDayIcon https://www.proplanta.de/wetterdaten/images/symbole/t9.gif
     2018-01-17 15:19:38   fc0_weatherEvening Schneeschauer
     2018-01-17 15:19:38   fc0_weatherEveningIcon https://www.proplanta.de/wetterdaten/images/symbole/n9.gif
     2018-01-17 15:19:38   fc0_weatherMorning wolkig
     2018-01-17 15:19:38   fc0_weatherMorningIcon https://www.proplanta.de/wetterdaten/images/symbole/t3.gif
     2018-01-17 15:19:38   fc0_weatherNight Schneeschauer
     2018-01-17 15:19:38   fc0_weatherNightIcon https://www.proplanta.de/wetterdaten/images/symbole/n9.gif
     2018-01-17 15:19:38   fc0_wind00      21.6
     2018-01-17 15:19:38   fc0_wind03      10.8
     2018-01-17 15:19:38   fc0_wind06      10.8
     2018-01-17 15:19:38   fc0_wind09      32.4
     2018-01-17 15:19:38   fc0_wind12      36
     2018-01-17 15:19:38   fc0_wind15      28.8
     2018-01-17 15:19:38   fc0_wind18      36
     2018-01-17 15:19:38   fc0_wind21      28.8
     2018-01-17 15:19:38   fc0_windDir00   254
     2018-01-17 15:19:38   fc0_windDir03   190
     2018-01-17 15:19:38   fc0_windDir06   272
     2018-01-17 15:19:38   fc0_windDir09   291
     2018-01-17 15:19:38   fc0_windDir12   288
     2018-01-17 15:19:38   fc0_windDir15   281
     2018-01-17 15:19:38   fc0_windDir18   288
     2018-01-17 15:19:38   fc0_windDir21   289
     2018-01-17 15:19:38   fc1_chOfRain00  40
     2018-01-17 15:19:38   fc1_chOfRain03  15
     2018-01-17 15:19:38   fc1_chOfRain06  40
     2018-01-17 15:19:38   fc1_chOfRain09  80
     2018-01-17 15:19:38   fc1_chOfRain12  80
     2018-01-17 15:19:38   fc1_chOfRain15  20
     2018-01-17 15:19:38   fc1_chOfRain18  80
     2018-01-17 15:19:38   fc1_chOfRain21  80
     2018-01-17 15:19:38   fc1_chOfRainDay 80
     2018-01-17 15:19:38   fc1_chOfRainNight 80
     2018-01-17 15:19:38   fc1_cloud00     100
     2018-01-17 15:19:38   fc1_cloud03     87.5
     2018-01-17 15:19:38   fc1_cloud06     100
     2018-01-17 15:19:38   fc1_cloud09     100
     2018-01-17 15:19:38   fc1_cloud12     100
     2018-01-17 15:19:38   fc1_cloud15     100
     2018-01-17 15:19:38   fc1_cloud18     100
     2018-01-17 15:19:38   fc1_cloud21     100
     2018-01-17 15:19:38   fc1_date        18.01.2018
     2018-01-17 15:19:38   fc1_dew         0
     2018-01-17 15:19:38   fc1_evapor      1
     2018-01-17 15:19:38   fc1_frost       1
     2018-01-17 15:19:38   fc1_moonRise    08:39
     2018-01-17 15:19:38   fc1_moonSet     18:15
     2018-01-17 15:19:38   fc1_rad         0.4
     2018-01-17 15:19:38   fc1_rain        15.5
     2018-01-17 15:19:38   fc1_rain00      0.4
     2018-01-17 15:19:38   fc1_rain03      0
     2018-01-17 15:19:38   fc1_rain06      0.4
     2018-01-17 15:19:38   fc1_rain09      3.1
     2018-01-17 15:19:38   fc1_rain12      1.8
     2018-01-17 15:19:38   fc1_rain15      0
     2018-01-17 15:19:38   fc1_rain18      1.1
     2018-01-17 15:19:38   fc1_rain21      8.7
     2018-01-17 15:19:38   fc1_sun         5
     2018-01-17 15:19:38   fc1_temp00      2
     2018-01-17 15:19:38   fc1_temp03      1
     2018-01-17 15:19:38   fc1_temp06      1
     2018-01-17 15:19:38   fc1_temp09      3
     2018-01-17 15:19:38   fc1_temp12      6
     2018-01-17 15:19:38   fc1_temp15      6
     2018-01-17 15:19:38   fc1_temp18      6
     2018-01-17 15:19:38   fc1_temp21      3
     2018-01-17 15:19:38   fc1_tempMax     6
     2018-01-17 15:19:38   fc1_tempMin     0
     2018-01-17 15:19:38   fc1_uv          1
     2018-01-17 15:19:38   fc1_weatherDay  Regen
     2018-01-17 15:19:38   fc1_weatherDayIcon https://www.proplanta.de/wetterdaten/images/symbole/t7.gif
     2018-01-17 15:19:38   fc1_weatherEvening Regen
     2018-01-17 15:19:38   fc1_weatherEveningIcon https://www.proplanta.de/wetterdaten/images/symbole/n7.gif
     2018-01-17 15:19:38   fc1_weatherMorning Schneeschauer
     2018-01-17 15:19:38   fc1_weatherMorningIcon https://www.proplanta.de/wetterdaten/images/symbole/t9.gif
     2018-01-17 15:19:38   fc1_weatherNight Regen
     2018-01-17 15:19:38   fc1_weatherNightIcon https://www.proplanta.de/wetterdaten/images/symbole/n7.gif
     2018-01-17 15:19:38   fc1_wind00      28.8
     2018-01-17 15:19:38   fc1_wind03      21.6
     2018-01-17 15:19:38   fc1_wind06      14.4
     2018-01-17 15:19:38   fc1_wind09      32.4
     2018-01-17 15:19:38   fc1_wind12      43.2
     2018-01-17 15:19:38   fc1_wind15      50.4
     2018-01-17 15:19:38   fc1_wind18      43.2
     2018-01-17 15:19:38   fc1_wind21      18
     2018-01-17 15:19:38   fc1_windDir00   282
     2018-01-17 15:19:38   fc1_windDir03   270
     2018-01-17 15:19:38   fc1_windDir06   239
     2018-01-17 15:19:38   fc1_windDir09   235
     2018-01-17 15:19:38   fc1_windDir12   249
     2018-01-17 15:19:38   fc1_windDir15   247
     2018-01-17 15:19:38   fc1_windDir18   253
     2018-01-17 15:19:38   fc1_windDir21   292
     2018-01-17 15:19:38   fc2_chOfRain00  80
     2018-01-17 15:19:38   fc2_chOfRain03  5
     2018-01-17 15:19:38   fc2_chOfRain06  5
     2018-01-17 15:19:38   fc2_chOfRain09  5
     2018-01-17 15:19:38   fc2_chOfRain12  10
     2018-01-17 15:19:38   fc2_chOfRain15  20
     2018-01-17 15:19:38   fc2_chOfRain18  40
     2018-01-17 15:19:38   fc2_chOfRain21  40
     2018-01-17 15:19:38   fc2_chOfRainDay 10
     2018-01-17 15:19:38   fc2_chOfRainNight 40
     2018-01-17 15:19:38   fc2_cloud00     100
     2018-01-17 15:19:38   fc2_cloud03     12.5
     2018-01-17 15:19:38   fc2_cloud06     25
     2018-01-17 15:19:38   fc2_cloud09     12.5
     2018-01-17 15:19:38   fc2_cloud12     37.5
     2018-01-17 15:19:38   fc2_cloud15     100
     2018-01-17 15:19:38   fc2_cloud18     100
     2018-01-17 15:19:38   fc2_cloud21     100
     2018-01-17 15:19:38   fc2_date        19.01.2018
     2018-01-17 15:19:38   fc2_dew         0
     2018-01-17 15:19:38   fc2_evapor      1
     2018-01-17 15:19:38   fc2_frost       1
     2018-01-17 15:19:38   fc2_moonRise    09:11
     2018-01-17 15:19:38   fc2_moonSet     19:18
     2018-01-17 15:19:38   fc2_rad         0.9
     2018-01-17 15:19:38   fc2_rain        1.7
     2018-01-17 15:19:38   fc2_rain00      1.2
     2018-01-17 15:19:38   fc2_rain03      0
     2018-01-17 15:19:38   fc2_rain06      0
     2018-01-17 15:19:38   fc2_rain09      0
     2018-01-17 15:19:38   fc2_rain12      0
     2018-01-17 15:19:38   fc2_rain15      0
     2018-01-17 15:19:38   fc2_rain18      0.2
     2018-01-17 15:19:38   fc2_rain21      0.3
     2018-01-17 15:19:38   fc2_sun         50
     2018-01-17 15:19:38   fc2_temp00      3
     2018-01-17 15:19:38   fc2_temp03      2
     2018-01-17 15:19:38   fc2_temp06      1
     2018-01-17 15:19:38   fc2_temp09      2
     2018-01-17 15:19:38   fc2_temp12      3
     2018-01-17 15:19:38   fc2_temp15      2
     2018-01-17 15:19:38   fc2_temp18      1
     2018-01-17 15:19:38   fc2_temp21      1
     2018-01-17 15:19:38   fc2_tempMax     3
     2018-01-17 15:19:38   fc2_tempMin     0
     2018-01-17 15:19:38   fc2_uv          2
     2018-01-17 15:19:38   fc2_weatherDay  wolkig
     2018-01-17 15:19:38   fc2_weatherDayIcon https://www.proplanta.de/wetterdaten/images/symbole/t3.gif
     2018-01-17 15:19:38   fc2_weatherEvening Schneeschauer
     2018-01-17 15:19:38   fc2_weatherEveningIcon https://www.proplanta.de/wetterdaten/images/symbole/n9.gif
     2018-01-17 15:19:38   fc2_weatherMorning heiter
     2018-01-17 15:19:38   fc2_weatherMorningIcon https://www.proplanta.de/wetterdaten/images/symbole/t2.gif
     2018-01-17 15:19:38   fc2_weatherNight Schneeschauer
     2018-01-17 15:19:38   fc2_weatherNightIcon https://www.proplanta.de/wetterdaten/images/symbole/n9.gif
     2018-01-17 15:19:38   fc2_wind00      28.8
     2018-01-17 15:19:38   fc2_wind03      25.2
     2018-01-17 15:19:38   fc2_wind06      21.6
     2018-01-17 15:19:38   fc2_wind09      21.6
     2018-01-17 15:19:38   fc2_wind12      14.4
     2018-01-17 15:19:38   fc2_wind15      10.8
     2018-01-17 15:19:38   fc2_wind18      10.8
     2018-01-17 15:19:38   fc2_wind21      14.4
     2018-01-17 15:19:38   fc2_windDir00   294
     2018-01-17 15:19:38   fc2_windDir03   290
     2018-01-17 15:19:38   fc2_windDir06   291
     2018-01-17 15:19:38   fc2_windDir09   285
     2018-01-17 15:19:38   fc2_windDir12   274
     2018-01-17 15:19:38   fc2_windDir15   260
     2018-01-17 15:19:38   fc2_windDir18   233
     2018-01-17 15:19:38   fc2_windDir21   250
     2018-01-17 15:19:38   fc3_chOfRain00  40
     2018-01-17 15:19:38   fc3_chOfRain03  40
     2018-01-17 15:19:38   fc3_chOfRain06  20
     2018-01-17 15:19:38   fc3_chOfRain09  20
     2018-01-17 15:19:38   fc3_chOfRain12  20
     2018-01-17 15:19:38   fc3_chOfRain15  40
     2018-01-17 15:19:38   fc3_chOfRain18  15
     2018-01-17 15:19:38   fc3_chOfRain21  20
     2018-01-17 15:19:38   fc3_chOfRainDay 15
     2018-01-17 15:19:38   fc3_chOfRainNight 15
     2018-01-17 15:19:38   fc3_cloud00     100
     2018-01-17 15:19:38   fc3_cloud03     100
     2018-01-17 15:19:38   fc3_cloud06     100
     2018-01-17 15:19:38   fc3_cloud09     100
     2018-01-17 15:19:38   fc3_cloud12     100
     2018-01-17 15:19:38   fc3_cloud15     75
     2018-01-17 15:19:38   fc3_cloud18     75
     2018-01-17 15:19:38   fc3_cloud21     100
     2018-01-17 15:19:38   fc3_date        20.01.2018
     2018-01-17 15:19:38   fc3_dew         0
     2018-01-17 15:19:38   fc3_evapor      1
     2018-01-17 15:19:38   fc3_frost       1
     2018-01-17 15:19:38   fc3_moonRise    09:40
     2018-01-17 15:19:38   fc3_moonSet     20:22
     2018-01-17 15:19:38   fc3_rad         1.2
     2018-01-17 15:19:38   fc3_rain        0.8
     2018-01-17 15:19:38   fc3_rain00      0.4
     2018-01-17 15:19:38   fc3_rain03      0.2
     2018-01-17 15:19:38   fc3_rain06      0
     2018-01-17 15:19:38   fc3_rain09      0
     2018-01-17 15:19:38   fc3_rain12      0
     2018-01-17 15:19:38   fc3_rain15      0.2
     2018-01-17 15:19:38   fc3_rain18      0
     2018-01-17 15:19:38   fc3_rain21      0
     2018-01-17 15:19:38   fc3_sun         25
     2018-01-17 15:19:38   fc3_temp00      1
     2018-01-17 15:19:38   fc3_temp03      1
     2018-01-17 15:19:38   fc3_temp06      -1
     2018-01-17 15:19:38   fc3_temp09      0
     2018-01-17 15:19:38   fc3_temp12      1
     2018-01-17 15:19:38   fc3_temp15      1
     2018-01-17 15:19:38   fc3_temp18      -1
     2018-01-17 15:19:38   fc3_temp21      -2
     2018-01-17 15:19:38   fc3_tempMax     1
     2018-01-17 15:19:38   fc3_tempMin     -2
     2018-01-17 15:19:38   fc3_uv          2
     2018-01-17 15:19:38   fc3_weatherDay  stark bewoelkt
     2018-01-17 15:19:38   fc3_weatherDayIcon https://www.proplanta.de/wetterdaten/images/symbole/t4.gif
     2018-01-17 15:19:38   fc3_weatherEvening stark bewoelkt
     2018-01-17 15:19:38   fc3_weatherEveningIcon https://www.proplanta.de/wetterdaten/images/symbole/n4.gif
     2018-01-17 15:19:38   fc3_weatherMorning bedeckt
     2018-01-17 15:19:38   fc3_weatherMorningIcon https://www.proplanta.de/wetterdaten/images/symbole/t5.gif
     2018-01-17 15:19:38   fc3_weatherNight stark bewoelkt
     2018-01-17 15:19:38   fc3_weatherNightIcon https://www.proplanta.de/wetterdaten/images/symbole/n4.gif
     2018-01-17 15:19:38   fc3_wind00      18
     2018-01-17 15:19:38   fc3_wind03      21.6
     2018-01-17 15:19:38   fc3_wind06      14.4
     2018-01-17 15:19:38   fc3_wind09      21.6
     2018-01-17 15:19:38   fc3_wind12      18
     2018-01-17 15:19:38   fc3_wind15      14.4
     2018-01-17 15:19:38   fc3_wind18      7.2
     2018-01-17 15:19:38   fc3_wind21      10.8
     2018-01-17 15:19:38   fc3_windDir00   241
     2018-01-17 15:19:38   fc3_windDir03   279
     2018-01-17 15:19:38   fc3_windDir06   281
     2018-01-17 15:19:38   fc3_windDir09   288
     2018-01-17 15:19:38   fc3_windDir12   280
     2018-01-17 15:19:38   fc3_windDir15   284
     2018-01-17 15:19:38   fc3_windDir18   266
     2018-01-17 15:19:38   fc3_windDir21   245
     2018-01-17 15:19:38   fc4_chOfRain00  15
     2018-01-17 15:19:38   fc4_chOfRain03  10
     2018-01-17 15:19:38   fc4_chOfRain06  20
     2018-01-17 15:19:38   fc4_chOfRain09  40
     2018-01-17 15:19:38   fc4_chOfRain12  40
     2018-01-17 15:19:38   fc4_chOfRain15  20
     2018-01-17 15:19:38   fc4_chOfRain18  20
     2018-01-17 15:19:38   fc4_chOfRain21  20
     2018-01-17 15:19:38   fc4_chOfRainDay 20
     2018-01-17 15:19:38   fc4_chOfRainNight 80
     2018-01-17 15:19:38   fc4_cloud00     75
     2018-01-17 15:19:38   fc4_cloud03     37.5
     2018-01-17 15:19:38   fc4_cloud06     100
     2018-01-17 15:19:38   fc4_cloud09     100
     2018-01-17 15:19:38   fc4_cloud12     100
     2018-01-17 15:19:38   fc4_cloud15     100
     2018-01-17 15:19:38   fc4_cloud18     100
     2018-01-17 15:19:38   fc4_cloud21     100
     2018-01-17 15:19:38   fc4_date        21.01.2018
     2018-01-17 15:19:38   fc4_dew         0
     2018-01-17 15:19:38   fc4_evapor      1
     2018-01-17 15:19:38   fc4_frost       1
     2018-01-17 15:19:38   fc4_moonRise    10:05
     2018-01-17 15:19:38   fc4_moonSet     21:28
     2018-01-17 15:19:38   fc4_rad         1.1
     2018-01-17 15:19:38   fc4_rain        0.4
     2018-01-17 15:19:38   fc4_rain00      0
     2018-01-17 15:19:38   fc4_rain03      0
     2018-01-17 15:19:38   fc4_rain06      0
     2018-01-17 15:19:38   fc4_rain09      0.2
     2018-01-17 15:19:38   fc4_rain12      0.2
     2018-01-17 15:19:38   fc4_rain15      0
     2018-01-17 15:19:38   fc4_rain18      0
     2018-01-17 15:19:38   fc4_rain21      0
     2018-01-17 15:19:38   fc4_sun         5
     2018-01-17 15:19:38   fc4_temp00      -3
     2018-01-17 15:19:38   fc4_temp03      -3
     2018-01-17 15:19:38   fc4_temp06      -2
     2018-01-17 15:19:38   fc4_temp09      0
     2018-01-17 15:19:38   fc4_temp12      1
     2018-01-17 15:19:38   fc4_temp15      1
     2018-01-17 15:19:38   fc4_temp18      -1
     2018-01-17 15:19:38   fc4_temp21      0
     2018-01-17 15:19:38   fc4_tempMax     1
     2018-01-17 15:19:38   fc4_tempMin     -3
     2018-01-17 15:19:38   fc4_uv          2
     2018-01-17 15:19:38   fc4_weatherDay  bedeckt
     2018-01-17 15:19:38   fc4_weatherDayIcon https://www.proplanta.de/wetterdaten/images/symbole/t5.gif
     2018-01-17 15:19:38   fc4_weatherEvening bedeckt
     2018-01-17 15:19:38   fc4_weatherEveningIcon https://www.proplanta.de/wetterdaten/images/symbole/n5.gif
     2018-01-17 15:19:38   fc4_weatherMorning bedeckt
     2018-01-17 15:19:38   fc4_weatherMorningIcon https://www.proplanta.de/wetterdaten/images/symbole/t5.gif
     2018-01-17 15:19:38   fc4_weatherNight Schneefall
     2018-01-17 15:19:38   fc4_weatherNightIcon https://www.proplanta.de/wetterdaten/images/symbole/n10.gif
     2018-01-17 15:19:38   fc4_wind00      10.8
     2018-01-17 15:19:38   fc4_wind03      14.4
     2018-01-17 15:19:38   fc4_wind06      18
     2018-01-17 15:19:38   fc4_wind09      18
     2018-01-17 15:19:38   fc4_wind12      21.6
     2018-01-17 15:19:38   fc4_wind15      10.8
     2018-01-17 15:19:38   fc4_wind18      7.2
     2018-01-17 15:19:38   fc4_wind21      10.8
     2018-01-17 15:19:38   fc4_windDir00   260
     2018-01-17 15:19:38   fc4_windDir03   261
     2018-01-17 15:19:38   fc4_windDir06   273
     2018-01-17 15:19:38   fc4_windDir09   282
     2018-01-17 15:19:38   fc4_windDir12   270
     2018-01-17 15:19:38   fc4_windDir15   268
     2018-01-17 15:19:38   fc4_windDir18   204
     2018-01-17 15:19:38   fc4_windDir21   172
     2018-01-17 15:19:38   fc5_chOfRain00  40
     2018-01-17 15:19:38   fc5_chOfRain03  40
     2018-01-17 15:19:38   fc5_chOfRain06  40
     2018-01-17 15:19:38   fc5_chOfRain09  80
     2018-01-17 15:19:38   fc5_chOfRain12  80
     2018-01-17 15:19:38   fc5_chOfRain15  80
     2018-01-17 15:19:38   fc5_chOfRain18  80
     2018-01-17 15:19:38   fc5_chOfRain21  80
     2018-01-17 15:19:38   fc5_chOfRainDay 80
     2018-01-17 15:19:38   fc5_chOfRainNight 80
     2018-01-17 15:19:38   fc5_cloud00     100
     2018-01-17 15:19:38   fc5_cloud03     100
     2018-01-17 15:19:38   fc5_cloud06     100
     2018-01-17 15:19:38   fc5_cloud09     100
     2018-01-17 15:19:38   fc5_cloud12     100
     2018-01-17 15:19:38   fc5_cloud15     100
     2018-01-17 15:19:38   fc5_cloud18     100
     2018-01-17 15:19:38   fc5_cloud21     100
     2018-01-17 15:19:38   fc5_date        22.01.2018
     2018-01-17 15:19:38   fc5_dew         0
     2018-01-17 15:19:38   fc5_evapor      1
     2018-01-17 15:19:38   fc5_frost       1
     2018-01-17 15:19:38   fc5_moonRise    10:30
     2018-01-17 15:19:38   fc5_moonSet     22:34
     2018-01-17 15:19:38   fc5_rad         0.2
     2018-01-17 15:19:38   fc5_rain        11.8
     2018-01-17 15:19:38   fc5_rain00      0.3
     2018-01-17 15:19:38   fc5_rain03      0.2
     2018-01-17 15:19:38   fc5_rain06      1.7
     2018-01-17 15:19:38   fc5_rain09      3.4
     2018-01-17 15:19:38   fc5_rain12      2.9
     2018-01-17 15:19:38   fc5_rain15      1.4
     2018-01-17 15:19:38   fc5_rain18      0.4
     2018-01-17 15:19:38   fc5_rain21      1.5
     2018-01-17 15:19:38   fc5_sun         5
     2018-01-17 15:19:38   fc5_temp00      0
     2018-01-17 15:19:38   fc5_temp03      -1
     2018-01-17 15:19:38   fc5_temp06      -1
     2018-01-17 15:19:38   fc5_temp09      0
     2018-01-17 15:19:38   fc5_temp12      1
     2018-01-17 15:19:38   fc5_temp15      2
     2018-01-17 15:19:38   fc5_temp18      3
     2018-01-17 15:19:38   fc5_temp21      3
     2018-01-17 15:19:38   fc5_tempMax     3
     2018-01-17 15:19:38   fc5_tempMin     -2
     2018-01-17 15:19:38   fc5_uv          1
     2018-01-17 15:19:38   fc5_weatherDay  Regen
     2018-01-17 15:19:38   fc5_weatherDayIcon https://www.proplanta.de/wetterdaten/images/symbole/t7.gif
     2018-01-17 15:19:38   fc5_weatherEvening Regen
     2018-01-17 15:19:38   fc5_weatherEveningIcon https://www.proplanta.de/wetterdaten/images/symbole/n7.gif
     2018-01-17 15:19:38   fc5_weatherMorning Schneeschauer
     2018-01-17 15:19:38   fc5_weatherMorningIcon https://www.proplanta.de/wetterdaten/images/symbole/t9.gif
     2018-01-17 15:19:38   fc5_weatherNight Regen
     2018-01-17 15:19:38   fc5_weatherNightIcon https://www.proplanta.de/wetterdaten/images/symbole/n7.gif
     2018-01-17 15:19:38   fc5_wind00      14.4
     2018-01-17 15:19:38   fc5_wind03      18
     2018-01-17 15:19:38   fc5_wind06      18
     2018-01-17 15:19:38   fc5_wind09      14.4
     2018-01-17 15:19:38   fc5_wind12      7.2
     2018-01-17 15:19:38   fc5_wind15      0
     2018-01-17 15:19:38   fc5_wind18      7.2
     2018-01-17 15:19:38   fc5_wind21      7.2
     2018-01-17 15:19:38   fc5_windDir00   158
     2018-01-17 15:19:38   fc5_windDir03   142
     2018-01-17 15:19:38   fc5_windDir06   138
     2018-01-17 15:19:38   fc5_windDir09   124
     2018-01-17 15:19:38   fc5_windDir12   129
     2018-01-17 15:19:38   fc5_windDir15   184
     2018-01-17 15:19:38   fc5_windDir18   235
     2018-01-17 15:19:38   fc5_windDir21   248
     2018-01-17 15:19:38   fc6_chOfRain00  80
     2018-01-17 15:19:38   fc6_chOfRain03  50
     2018-01-17 15:19:38   fc6_chOfRain06  20
     2018-01-17 15:19:38   fc6_chOfRain09  80
     2018-01-17 15:19:38   fc6_chOfRain12  80
     2018-01-17 15:19:38   fc6_chOfRain15  80
     2018-01-17 15:19:38   fc6_chOfRain18  20
     2018-01-17 15:19:38   fc6_chOfRain21  80
     2018-01-17 15:19:38   fc6_chOfRainDay 80
     2018-01-17 15:19:38   fc6_chOfRainNight 80
     2018-01-17 15:19:38   fc6_cloud00     100
     2018-01-17 15:19:38   fc6_cloud03     100
     2018-01-17 15:19:38   fc6_cloud06     100
     2018-01-17 15:19:38   fc6_cloud09     100
     2018-01-17 15:19:38   fc6_cloud12     100
     2018-01-17 15:19:38   fc6_cloud15     100
     2018-01-17 15:19:38   fc6_cloud18     100
     2018-01-17 15:19:38   fc6_cloud21     100
     2018-01-17 15:19:38   fc6_date        23.01.2018
     2018-01-17 15:19:38   fc6_dew         0
     2018-01-17 15:19:38   fc6_evapor      1
     2018-01-17 15:19:38   fc6_frost       0
     2018-01-17 15:19:38   fc6_moonRise    10:55
     2018-01-17 15:19:38   fc6_moonSet     23:43
     2018-01-17 15:19:38   fc6_rad         0.3
     2018-01-17 15:19:38   fc6_rain        8.7
     2018-01-17 15:19:38   fc6_rain00      1.6
     2018-01-17 15:19:38   fc6_rain03      0.1
     2018-01-17 15:19:38   fc6_rain06      0
     2018-01-17 15:19:38   fc6_rain09      3.4
     2018-01-17 15:19:38   fc6_rain12      2.4
     2018-01-17 15:19:38   fc6_rain15      1
     2018-01-17 15:19:38   fc6_rain18      0
     2018-01-17 15:19:38   fc6_rain21      0.2
     2018-01-17 15:19:38   fc6_sun         5
     2018-01-17 15:19:38   fc6_temp00      5
     2018-01-17 15:19:38   fc6_temp03      4
     2018-01-17 15:19:38   fc6_temp06      4
     2018-01-17 15:19:38   fc6_temp09      6
     2018-01-17 15:19:38   fc6_temp12      7
     2018-01-17 15:19:38   fc6_temp15      7
     2018-01-17 15:19:38   fc6_temp18      7
     2018-01-17 15:19:38   fc6_temp21      7
     2018-01-17 15:19:38   fc6_tempMax     7
     2018-01-17 15:19:38   fc6_tempMin     3
     2018-01-17 15:19:38   fc6_uv          1
     2018-01-17 15:19:38   fc6_weatherDay  Regen
     2018-01-17 15:19:38   fc6_weatherDayIcon https://www.proplanta.de/wetterdaten/images/symbole/t7.gif
     2018-01-17 15:19:38   fc6_weatherEvening bedeckt
     2018-01-17 15:19:38   fc6_weatherEveningIcon https://www.proplanta.de/wetterdaten/images/symbole/n5.gif
     2018-01-17 15:19:38   fc6_weatherMorning bedeckt
     2018-01-17 15:19:38   fc6_weatherMorningIcon https://www.proplanta.de/wetterdaten/images/symbole/t5.gif
     2018-01-17 15:19:38   fc6_weatherNight Regen
     2018-01-17 15:19:38   fc6_weatherNightIcon https://www.proplanta.de/wetterdaten/images/symbole/n7.gif
     2018-01-17 15:19:38   fc6_wind00      10.8
     2018-01-17 15:19:38   fc6_wind03      10.8
     2018-01-17 15:19:38   fc6_wind06      7.2
     2018-01-17 15:19:38   fc6_wind09      18
     2018-01-17 15:19:38   fc6_wind12      21.6
     2018-01-17 15:19:38   fc6_wind15      21.6
     2018-01-17 15:19:38   fc6_wind18      18
     2018-01-17 15:19:38   fc6_wind21      18
     2018-01-17 15:19:38   fc6_windDir00   265
     2018-01-17 15:19:38   fc6_windDir03   237
     2018-01-17 15:19:38   fc6_windDir06   227
     2018-01-17 15:19:38   fc6_windDir09   246
     2018-01-17 15:19:38   fc6_windDir12   259
     2018-01-17 15:19:38   fc6_windDir15   258
     2018-01-17 15:19:38   fc6_windDir18   256
     2018-01-17 15:19:38   fc6_windDir21   253
     2018-01-17 15:19:38   gr_max          5
     2018-01-17 15:19:38   gr_min          -2
     2018-01-17 15:19:38   gr_zero         0
     2018-01-17 15:19:38   humidity        69.1
     2018-01-17 15:19:38   lastConnection  504 values captured in 12.98 s
     2018-01-17 15:19:38   obsTime         15:00
     2018-01-17 15:19:38   pressure        1005.1
     2018-01-17 15:19:38   state           Tmin: 0 Tmax: 3 T: 2.4 H: 69.1 W: 28.8 P: 1005.1
     2018-01-17 15:19:38   temperature     2.4
     2018-01-17 15:19:38   visibility      65
     2018-01-17 15:19:38   weather         Schneefall
     2018-01-17 15:19:38   weatherIcon     https://www.proplanta.de/wetterdaten/images/symbole/t10.gif
     2018-01-17 15:19:38   wind            28.8
     2018-01-17 15:19:38   windDir         270
     2018-01-17 15:19:38   windDirIcon     https://www.proplanta.de/wetterdaten/images/symbole/w29.gif
   fhem:
     LOCAL      0
     modulVersion $Date: 2017-10-30 21:04:27 +0100 (Mon, 30 Oct 2017) $
   helper:
Attributes:
   DbLogExclude .*
   forecastDays 7
   room       Wetter
   userReadings gr_max { ReadingsVal("Wetter","fc0_tempMax",0)+2;; },
gr_min { ReadingsVal("Wetter","fc0_tempMin",0)-2;; },
gr_zero { ReadingsVal("Wetter","fc0_tempMin",0)/1000000;; }

Kannst Du nochmals kurz erklären wo ich eine User css anlegen soll (eine eigene für das Chart Widget?), meine User CSS wird zwar geladen (laut Firefox), aber nicht berücksichtigt. Ich bekomme z.B. auch "data-title" nicht in einer anderen Größe obwohl "data-title_class="usertitle" gesetzt ist und ich den Eintrag sogar probeweiser in die ftui_chart.css gesetzt habe.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dafreak am 18 Januar 2018, 08:55:32
Nein, Du bist nicht zu blöd (nehme ich zumindest an ;)). Die Möglichkeit des Zugriffs auf $data... ist bisher im Chart nicht implementiert. Die Parameter $data... sind erst mal nur im Perl von FHEM enthalten und das Chart Widget ist ja ein ganz anderes Tool, welches auf einem Web Clienten läuft (möglicherweise auf einem anderen Rechner) und das nur per Web Schnittstelle Daten aus FEHM abrufen kann.

Für die Einträge in der Überschrift habe ich das im Chart Widget "nach implementiert" und das müsste ich für die Nutzung in den Columnspecs auch machen. Ich schaue mal, wieviel Aufwand das ist und was ich machen kann.

Das wäre wirklich klasse, vielen Dank  :D
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 18 Januar 2018, 11:04:54
Hallo eki,
Ja, das ist richtig.Ich war mir sicher, habe aber jetzt extra noch mal ein Zwangsupdate gemacht, und es ist immer noch das gleiche.


Ich habe jetzt mal genau Deine userattr Einstellungen bei mir gesetzt und es kommt genau das heraus, was ich erwarte (min und maxwerte der primären Achse werden aus den Readings gefüttert). Was meinst Du denn mit "Zwangsupdate". Bitte schau noch mal nach welche Größe die Datei widget_chart.js (im Verzeichnis js in Deinem FTUI directory auf dem Server) hat (sollten 239 224 bytes sein). Falls ja, weiß ich gerade auch nicht weiter, falls nein, einfach die Datei aus dem FTUI GIT nehmen (oder FTUI updaten).

Zitat
Kannst Du nochmals kurz erklären wo ich eine User css anlegen soll (eine eigene für das Chart Widget?), meine User CSS wird zwar geladen (laut Firefox), aber nicht berücksichtigt. Ich bekomme z.B. auch "data-title" nicht in einer anderen Größe obwohl "data-title_class="usertitle" gesetzt ist und ich den Eintrag sogar probeweiser in die ftui_chart.css gesetzt habe.

Am Besten ist es, eine Datei mit den Benutzerspezifischen FTUI CSS Einstellungen anzulegen (nennt sich typischerweise "fhem-tablet-ui-user.css", kann aber auch anders heißen). Diese Datei musst Du per
<link rel="stylesheet" href="/fhem/tablet_eval/css/fhem-tablet-ui-user.css" />in Deine html Datei (das was Du im Browser aufrufst) einbinden und zwar hinter der "fhem-tablet-ui.css" Datei (dort, sowie auch in "ftui-chart.css" solltest Du nichts ändern, weil Deine Änderungen sonst mit dem nächsten Update überschrieben werden würden).
Auch das Feature mit der Berücksichtigung einer eigenen Einstellung für das Aussehen des Titels ist ja neu und könnte auch deshalb nicht klappen, weil Du nicht die aktuelle "widget_chart.js" hast.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Ranseyer am 18 Januar 2018, 20:29:43
Hi, hoffe ich bin hier richtig.

Ich könnte nen Schubser gebrauchen warum auf dem oberen Chart im Screenshot die Bilder fehlen...

Frage: Wo müssten die Grafiken dazu denn zu finden sein ?

Der Code dazu:
    <li data-row="1" data-col="2" data-sizex="6" data-sizey="5">
        <header><div data-type="label" class="medium orange">Widget 1</div></header>
<div data-type="chart"
data-device="WetterProPlanta"
data-logdevice='[
"LogProxy",
"LogProxy"
]'
data-columnspec='[
"Func:logProxy_proplanta2Plot(\\x22WetterProPlanta\\x22,\\x22weatherIcon\\x22,$from,$to,12,\\x22day\\x22)",
"Func:logProxy_proplanta2Plot(\\x22WetterProPlanta\\x22,\\x22tempMax\\x22,$from,$to,12,\\x22day\\x22)"
]'
data-style='[
"ftui l99icon",
"ftui l1fill"
]'
data-ptype='[
"icons:1",
"quadraticSmooth"
]'
data-uaxis='[
"primary",
"primary"
]'
data-legend='[
"Wetterbedingung",
"Max. Temperature"
]'
data-yunit="°C"
data-ytext="Temperature (°C)"
data-timeformat="ee\LF\dd.MM"
data-minvalue="auto"
data-maxvalue="auto"
data-minvalue_sec="auto"
data-maxvalue_sec="auto"
data-daysago_start="-1w"
data-y_margin="20"
data-daysago_end="-3w"
data-xticks="1440"
data-yticks="auto"
data-title="14-Tage-Wettervorhersage"
data-showlegend="true"
class="nobuttons fullsize">
</div>



   
    </li>
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ekur am 19 Januar 2018, 09:37:07
Zitat
Was meinst Du denn mit "Zwangsupdate".
Ich hatte aus der Sicherung einfach bewusst eine alte Datei eingespielt und anschließend ein Update gemacht.

Zitat
(sollten 239 224 bytes sein)
Hat Sie, leider.

Ich weiß momentan auch nicht weiter, ich danke Dir auf jeden Fall für den Support. Ich werde mir den Graph jetzt mit fixen Grenzen anzeigen und damit leben bis ich wahrscheinlich irgendwann zufällig den Fehler finde...
Mit den Einstellungen in der "fhem-tablet-ui-user.css" kann ich den Titel ebenfalls nicht ändern, der bleibt bei mir ums ... auf der gleichen Größe.

Irgendwas ist verkorkst.

Danke auf jeden Fall nochmals.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 19 Januar 2018, 23:30:56

Irgendwas ist verkorkst.

Danke auf jeden Fall nochmals.

eine Sache noch, hast Du mal den Browser Cache gelöscht? Je nachdem wie das eingestellt ist, reagiert der Browser gar nicht auf Änderungen in den Files, weil er die gar nicht nachlädt.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dafreak am 20 Januar 2018, 11:44:41
Moin,
ich hätte da mal ein paar Fragen:
1. Kann es sein, das beim neuen "data-style" die Legendeneinträge nicht mehr angezeigt werden?
data-style='[
"ftui l5dot",
"ftui l2dot",
["4",["1000","#0000FF","1"]],
["4",["1000","#FF0000","1"]]
]'
Bei den ersten beiden Einträgen werden die Legendennamen angezeit, bei den letzten beiden nicht (s. Anhang).

2. Gibt es die Möglichkeit bei der neuen, echt genialen Funktion "data-timeranges" zwei Charts in der X-Achse zu gruppieren? Also so wie scrollgroup und cursorgroup?

3. Reicht es eigentlich, wenn ich das Logdevice nur einmal angebe? Bei mir brauche ich nur einmal data-logdevice='["lp"]' angeben, egal wieviele Linien ich mir anzeigen lasse. Ist das so gewollt?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 20 Januar 2018, 14:31:56
Zitat
Frage: Wo müssten die Grafiken dazu denn zu finden sein ?

Die Icons sind als readings im PROPLANTA device in FHEM zu finden. Dort sollten readings mit namen "fc#_weatherIcon" (statt # stehen da natürlich die Zahlen für die einzelnen Tage.

Ich denke Dein Problem ist die Zeile
"Func:logProxy_proplanta2Plot(\\x22WetterProPlanta\\x22,\\x22weatherIcon\\x22,$from,$to,12,\\x22day\\x22)",
bitte durch
"Func:logProxy_proplanta2Plot(\\x22WetterProPlanta\\x22,\\x22weatherIcon\\x22,$from,$to,12)",
ersetzen, dann müsste es klappen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 20 Januar 2018, 14:48:10
Moin,
ich hätte da mal ein paar Fragen:
1. Kann es sein, das beim neuen "data-style" die Legendeneinträge nicht mehr angezeigt werden?
data-style='[
"ftui l5dot",
"ftui l2dot",
["4",["1000","#0000FF","1"]],
["4",["1000","#FF0000","1"]]
]'
Bei den ersten beiden Einträgen werden die Legendennamen angezeit, bei den letzten beiden nicht (s. Anhang).

2. Gibt es die Möglichkeit bei der neuen, echt genialen Funktion "data-timeranges" zwei Charts in der X-Achse zu gruppieren? Also so wie scrollgroup und cursorgroup?

3. Reicht es eigentlich, wenn ich das Logdevice nur einmal angebe? Bei mir brauche ich nur einmal data-logdevice='["lp"]' angeben, egal wieviele Linien ich mir anzeigen lasse. Ist das so gewollt?

Zu1: Ups, ja. Da ist noch ein Fehler, wenn man nicht füllt (also eine Strichdicke angibt). Werde ich reparieren, bin aber gerade noch an einer etwas größeren Überabeitung dran, kann also noch ein paar Tage dauern.

Zu 2: Macht Sinn und ist (hoffentlich) leicht zu machen, werde ich auch einbauen.

Zu 3: Ja, bei alle Eingabearrays, die Eigenschaften der Graphen festlegen, ist das so implementiert, dass fehlende Einträge immer einfach so gesetzt werden, wie der letzte vorhandene Eintrag (also heißt das, es wird Dein Eintrag lp, da er der letzte ist, für alle anderen Graphen wiederholt).

Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ekur am 20 Januar 2018, 15:42:11
eine Sache noch, hast Du mal den Browser Cache gelöscht? Je nachdem wie das eingestellt ist, reagiert der Browser gar nicht auf Änderungen in den Files, weil er die gar nicht nachlädt.
Ja, das habe ich ebenfalls bereits überprüft. Ich warte jetzt einfach die nächste größere Änderung ab und sehe mal was sich dann getan hat.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: traveltheworld am 21 Januar 2018, 23:33:53
Seit ein paar Wochen (oder gar schon Monaten?) hat sich das chart-Widget angefangen, sich anders zu zeichnen im Sinne von wieviel Platz es vertikal beansprucht.
Nach etwas Suchen habe ich heute herausgefunden, dass die automatische Höhenbestimmung sich abhängig von gridster verhält: 100% entsprechen der gesamten Höhe des "<li..>" Elements, angegeben in "data-sizey". Je nachem, was da angegeben ist, verzerrt sich das gesamte Diagramm.
Wenn z.B. data-sizey="5" angegeben ist, dann hilft jetzt eine Angabe ich Chart von data-height="20%", um das wieder zu kompensieren.

Ist das Absicht? Oder doch ein Bug?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 22 Januar 2018, 08:32:38
Zitat
Ist das Absicht? Oder doch ein Bug?
Kannst Du mal deine Chart Definition posten, würde mir die Analyse leichter machen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: traveltheworld am 22 Januar 2018, 23:26:36
Hallo eki,
ich poste Dir gern einer meiner Chart Definitionen (oder auch gern mehrere). Das Verhalten ist allerdings bei allen zu beobachten, wie gesagt abhängig von der Höhe (Anzahl Zeilen) der gridster-Reihe.
Noch eine Anmerkung: wenn der data-height Parameter ganz weggelassen wird, verhält sich die automatische Höhenkalkulation ziemlich daneben.

Im ersten Beispiel ist der gridster-Block 5 Reihen hoch, und das Chart soll eine dieser Reihen belegen (-> 20%).

Zitat
<div class="gridster">
<ul>

<li data-row="1" data-col="1" data-sizex="1" data-sizey="5" data-template="template_menu.html"></li>

<!-- Seiteninhalt Start -->

<!-- =============Heizungsverlauf=============== -->

<li data-row="1" data-col="2" data-sizex="7" data-sizey="5">
  <header>Wohnzimmer Temperatur</header>

  <!-- style="fill: #d0d0d0" -->
  <div  style="fill: #d0d0d0"
    data-type="chart"
        data-logdevice='["FileLog_MAX_WohnzimmerWandthermostat","FileLog_MAX_WohnzimmerWandthermostat","FileLog_MAX_WohnzimmerWandthermostat"]'
        data-columnspec='["4:valveposition:0:","4:desiredTemperature:0:","4:temperature:0:"]'
        data-style='["ftui l2","ftui l3dot","ftui l0fill"]'
        data-ptype='["lines","steps","lines"]'
        data-uaxis='["secondary","primary","primary"]'
        data-legend='["Ventilstellung","Soll-Temperatur","Ist-Temperatur"]'
          data-showlegend="true"
          data-legendpos='["left","top"]'
        data-yunit="&deg;C"
        data-ytext="Temperatur"
        data-yunit_sec="%"
        data-ytext_sec="Ventilstellung"
        data-minvalue="12"
        data-maxvalue="30"
        data-minvalue_sec="0"
        data-maxvalue_sec="100"
        data-nofulldays="true"
        data-daysago_start="0"
        data-daysago_end="-1"
        data-cursorgroup="1"
        data-scrollgroup="1"
        data-xticks="auto"
        data-title="Wohnzimmer Wandthermostat (Soll: $data{currval2}<B0>C, Ist: $data{currval3}&deg;C, Ventil: $data{currval1}%"
        data-height="20%"
        >
  </div>

        <header>Server Temperatur</header>
  <div  style="fill: #d0d0d0"

oder in einer anderen Seite, hier hat der Graph früher in den verfügbaren Bereich der Gridster-Box durch die automatische Berechnung gut reingepasst, durch die neue wäre eine identische Darstellung mit 50% erreichbar, ist aber anhand der Angabe von 100% auf die gesamte Höhe der Gridster-Box mit 2 Höheneinheiten absichtlich leicht verzerrt, aber gut lesbar:

Zitat
<li data-row="4" data-col="2" data-sizex="7" data-sizey="2">
  <header>Spritpreisverlauf</header>

  <!--
  <div class="cell">
    <iframe src="/fhem/SVG_showLog?dev=Spritpreise_weblink&amp;logdev=FileLog_Spritpreise&amp;gplotfile=SVG_Spritpreise&amp;logfile=CURRENT&amp;pos=" width='800' height='200' scrolling='yes' allowtransparency='true' frameborder='0'></iframe>
  </div>
  -->

  <div
    data-type="chart"
        data-logdevice='["FileLog_Spritpreise","FileLog_Spritpreise","FileLog_Spritpreise","FileLog_Spritpreise"]'
        data-columnspec='["4:Shell.SuperE5:0:","4:Aral.SuperE5:0:","4:AralMaschen.SuperE5:0:","4:Jet.SuperE5:0:"]'
        data-style='["ftui l0","ftui l1","ftui l2","ftui l3"]'
        data-ptype='["lines","lines","lines","lines"]'
        data-uaxis='["primary","primary","primary","primary"]'
        data-legend='["Shell","Aral","Aral (Maschen)","Jet"]'
        data-showlegend="true"
        data-legendpos='["left","top"]'
        data-yunit="Euro"
        data-ytext="Preis/Liter"
        data-minvalue="auto"
        data-maxvalue="auto"
        data-minvalue_sec="auto"
        data-maxvalue_sec="auto"
        data-nofulldays="true"
        data-daysago_start="1"
        data-daysago_end="-1"
        data-cursorgroup="1"
        data-scrollgroup="1"
        data-xticks="auto"
        data-height="100%"
        >
  </div>

</li>


Ich würde es jetzt, einen Tag später, doch eher als Feature ansehen, aber man muß erstmal drauf kommen, dass die data-height Höhenangabe erstens Pflicht ist und zweitens sich die Prozentangabe auf die Anzahl der Reihen in der Gridster-Box-Höhe bezieht.

Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 23 Januar 2018, 08:02:31
Es gibt mehrere Einstellungen, die die vertikale Größe des Charts beeinflussen (so ist es zumindest gedacht ;-)).

Vielleicht hast Du ja Lust damit ein bisschen zu experimentieren und Feedback zu geben. Um Fehler zu finden, bin ich immer an Testern interessiert.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Ranseyer am 23 Januar 2018, 09:53:44
Danke erst Mal für den Input.

Die Icons sind als readings im PROPLANTA device in FHEM zu finden. Dort sollten readings mit namen "fc#_weatherIcon" (statt # stehen da natürlich die Zahlen für die einzelnen Tage.

Ich denke Dein Problem ist die Zeile
"Func:logProxy_proplanta2Plot(\\x22WetterProPlanta\\x22,\\x22weatherIcon\\x22,$from,$to,12,\\x22day\\x22)",
bitte durch
"Func:logProxy_proplanta2Plot(\\x22WetterProPlanta\\x22,\\x22weatherIcon\\x22,$from,$to,12)",
ersetzen, dann müsste es klappen.


Danke, damit habe ich folgendes und keine Änderung:
<div data-type="chart"
data-device="WetterProPlanta"
data-logdevice='[
"LogProxy",
"LogProxy"
]'
data-columnspec='[
"Func:logProxy_proplanta2Plot(\\x22WetterProPlanta\\x22,\\x22weatherIcon\\x22,$from,$to,12)",
"Func:logProxy_proplanta2Plot(\\x22WetterProPlanta\\x22,\\x22tempMax\\x22,$from,$to,12,\\x22day\\x22)"
]'
data-style='[
"ftui l99icon",
"ftui l1fill"
]'
data-ptype='[
"icons:1",
"quadraticSmooth"
]'
data-uaxis='[
"primary",
"primary"
]'
data-legend='[
"Wetterbedingung",
"Max. Temperature"
]'
data-yunit="°C"
data-ytext="Temperature (°C)"
data-timeformat="ee\LF\dd.MM"
data-minvalue="auto"
data-maxvalue="auto"
data-minvalue_sec="auto"
data-maxvalue_sec="auto"
data-daysago_start="-1w"
data-y_margin="20"
data-daysago_end="-3w"
data-xticks="1440"
data-yticks="auto"
data-title="14-Tage-Wettervorhersage"
data-showlegend="true"
class="nobuttons fullsize">
</div>

Und ich habe zum Beispiel:
Zitat
fc1_weatherIcon
https://www.proplanta.de/wetterdaten/images/symbole/t4.gif

Das Problem ist dass ich nicht weiss wo den Fehler suchen...

FireFox sagt dazu folgendes (Im Inspector):

<div data-type="chart" data-device="WetterProPlanta" data-logdevice="[
&quot;LogProxy&quot;,
&quot;LogProxy&quot;
]" data-columnspec="[
&quot;Func:logProxy_proplanta2Plot(\\x22WetterProPlanta\\x22,\\x22weatherIcon\\x22,$from,$to,12)&quot;,
&quot;Func:logProxy_proplanta2Plot(\\x22WetterProPlanta\\x22,\\x22tempMax\\x22,$from,$to,12,\\x22day\\x22)&quot;
]" data-style="[
&quot;ftui l99icon&quot;,
&quot;ftui l1fill&quot;
]" data-ptype="[
&quot;icons:1&quot;,
&quot;quadraticSmooth&quot;
]" data-uaxis="[
&quot;primary&quot;,
&quot;primary&quot;
]" data-legend="[
&quot;Wetterbedingung&quot;,
&quot;Max. Temperature&quot;
]" data-yunit="°C" data-ytext="Temperature (°C)" data-timeformat="ee\LF\dd.MM" data-minvalue="auto" data-maxvalue="auto" data-minvalue_sec="auto" data-maxvalue_sec="auto" data-daysago_start="-1w" data-y_margin="20" data-daysago_end="-3w" data-xticks="1440" data-yticks="auto" data-title="14-Tage-Wettervorhersage" data-showlegend="true" class="nobuttons fullsize" data-ready="" style="height: calc(100% - 22.1px);">
<svg class="basesvg1" style="overflow: visible; width: 93%; height: 85%;"><text class="caption" x="50%" y="15px" text-anchor="middle">14-Tage-Wettervorhersage</text><g id="classesContainer" stroke="grey"></g><svg class="legend" x="0px" width="1025.7833251953125px" height="671.5px" y="0px"></svg><g id="baseforDDD" style="overflow: inherit; -moz-transform: translate(0px, 0px) scale(1, 1)"><rect class="chart-background" x="54.84999084472656px" width="952.9333343505859px" preserveAspectRatio="none" style="-moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform-origin: 54.84999084472656px 614.5px NaNpx;fill: url(#gr_bgftui)" height="614.5px" y="25px"></rect><g class="chart-gridlines" x="54.84999084472656px" width="952.9333343505859px" preserveAspectRatio="none" style="-moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform-origin: 54.84999084472656px 614.5px NaNpx" height="614.5px" y="25px"><g class="gridlines" stroke="rgb(238, 238, 238)"><line class="xticks" x1="939.716658455985px" y1="639.5px" x2="939.716658455985px" y2="25px" style="stroke-width:1px; stroke-dasharray:1px,2px"></line><line class="xticks" x1="871.6499917166573px" y1="639.5px" x2="871.6499917166573px" y2="25px" style="stroke-width:1px; stroke-dasharray:1px,2px"></line><line class="xticks" x1="803.5833249773298px" y1="639.5px" x2="803.5833249773298px" y2="25px" style="stroke-width:1px; stroke-dasharray:1px,2px"></line><line class="xticks" x1="735.5166582380023px" y1="639.5px" x2="735.5166582380023px" y2="25px" style="stroke-width:1px; stroke-dasharray:1px,2px"></line><line class="xticks" x1="667.4499914986748px" y1="639.5px" x2="667.4499914986748px" y2="25px" style="stroke-width:1px; stroke-dasharray:1px,2px"></line><line class="xticks" x1="599.383324759347px" y1="639.5px" x2="599.383324759347px" y2="25px" style="stroke-width:1px; stroke-dasharray:1px,2px"></line><line class="xticks" x1="531.3166580200195px" y1="639.5px" x2="531.3166580200195px" y2="25px" style="stroke-width:1px; stroke-dasharray:1px,2px"></line><line class="xticks" x1="463.2499912806919px" y1="639.5px" x2="463.2499912806919px" y2="25px" style="stroke-width:1px; stroke-dasharray:1px,2px"></line><line class="xticks" x1="395.1833245413644px" y1="639.5px" x2="395.1833245413644px" y2="25px" style="stroke-width:1px; stroke-dasharray:1px,2px"></line><line class="xticks" x1="327.1166578020368px" y1="639.5px" x2="327.1166578020368px" y2="25px" style="stroke-width:1px; stroke-dasharray:1px,2px"></line><line class="xticks" x1="259.04999106270924px" y1="639.5px" x2="259.04999106270924px" y2="25px" style="stroke-width:1px; stroke-dasharray:1px,2px"></line><line class="xticks" x1="190.98332432338168px" y1="639.5px" x2="190.98332432338168px" y2="25px" style="stroke-width:1px; stroke-dasharray:1px,2px"></line><line class="xticks" x1="122.91665758405412px" y1="639.5px" x2="122.91665758405412px" y2="25px" style="stroke-width:1px; stroke-dasharray:1px,2px"></line><line class="yticks primary" x1="54.84999084472656px" y1="115.89576967150501px" x2="1007.7833251953125px" y2="115.89576967150501px" style="stroke-width:1px; stroke-dasharray:undefined"></line><line class="yticks primary" x1="54.84999084472656px" y1="260.131923223835px" x2="1007.7833251953125px" y2="260.131923223835px" style="stroke-width:1px; stroke-dasharray:undefined"></line><line class="yticks primary" x1="54.84999084472656px" y1="404.36807677616497px" x2="1007.7833251953125px" y2="404.36807677616497px" style="stroke-width:1px; stroke-dasharray:undefined"></line><line class="yticks primary" x1="54.84999084472656px" y1="548.604230328495px" x2="1007.7833251953125px" y2="548.604230328495px" style="stroke-width:1px; stroke-dasharray:undefined"></line><line class="xaxis" x1="54.84999084472656px" y1="640.5px" x2="1007.7833251953125px" y2="640.5px" style="stroke-width:1px; stroke-dasharray:undefined"></line><line class="yaxis primary" x1="55.84999084472656px" y1="25px" x2="55.84999084472656px" y2="639.5px" style="stroke-width:1.0000000000000002px; stroke-dasharray:undefined"></line></g></g><g class="chart-left-gridlines" x="0px" y="0px" width="952.9333343505859px" preserveAspectRatio="none" style="overflow:inherit; -moz-transform:scale(1,1) translate(0px,0px)"></g><g class="chart-bottom-gridlines" x="0px" y="0px" width="952.9333343505859px" preserveAspectRatio="none" style="overflow:inherit; -moz-transform:scale(1,1) translate(0px,0px)"></g><svg class="chart-primsec" style="overflow: inherit; clip: rect(25px, 1007.7833251953125px, 639.5px, 54.84999084472656px)"><g class="chart-parent" x="54.84999084472656px" width="952.9333343505859px" preserveAspectRatio="none"><g class="graph-parent" style="transform: translate(0,0) scale(1,1);"><polyline points=""></polyline><path d=""></path></g></g><g class="chart-parent" x="54.84999084472656px" width="952.9333343505859px" preserveAspectRatio="none" height="614.5px" y="25px" style="-moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform-origin: 54.84999084472656px 614.5px NaNpx"><g class="graph-parent" style="transform: translate(0,0) scale(1,1);"><polyline points=""></polyline><path d="M54.84999084472656,639.5 L 54.84999084472656, 332.25 T 71.86665752955845, 224.07288483575252  122.91665758405412, 115.89576967150501  190.98332432338168, 224.07288483575252  259.0499910627093, 368.3090383880825  327.11665780203685, 404.36807677616497  395.1833245413644, 296.1909616119175  463.249991280692, 115.89576967150501  531.3166580200195, 151.9548080595875  599.383324759347, 224.07288483575252  667.4499914986746, 151.95480805958752  735.5166582380023, 188.01384644767  803.5833249773298, 260.131923223835  871.6499917166574, 296.1909616119175  922.6999917711531, 332.25  L939.716658455985,639.5 Z" class="ftui l1fill" style="stroke-width: 2px; fill: url(#gr_ftui1)" id="primary-graph-1-1-quadraticSmooth" animstate="hide" min="639.5" max="25" xrange="1007.7833251953125" x0polar="NaN" y0polar="692.840383880825"></path></g></g><g class="chart-parent" x="54.84999084472656px" width="952.9333343505859px" preserveAspectRatio="none" height="614.5px" y="25px" style="-moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform-origin: 54.84999084472656px 614.5px 0px"><g class="graph-parent" style="transform: translate(0,0) scale(1,1);"><polyline points=""></polyline><path d=""></path><g class="ftui l99icon" id="primary-graph-1-0-icons" animstate="hide" min="639.5" max="25" xrange="1007.7833251953125" x0polar="NaN" y0polar="692.840383880825"><image xlink:href="https://www.proplanta.de/wetterdaten/images/symbole/t3.gif" style="stroke-width: 0px;fill: rgb(128, 128, 128);font-size:1px;text-anchor:middle;font-family:undefined" min="0" x="54.34999084472656" y="331.75" width="1" height="1" preserveAspectRatio="none" filter="url(#nowhite)"></image><image xlink:href="https://www.proplanta.de/wetterdaten/images/symbole/t4.gif" style="stroke-width: 0px;fill: rgb(128, 128, 128);font-size:1px;text-anchor:middle;font-family:undefined" min="0" x="88.38332421439034" y="115.39576967150501" width="1" height="1" preserveAspectRatio="none" filter="url(#nowhite)"></image><image xlink:href="https://www.proplanta.de/wetterdaten/images/symbole/t5.gif" style="stroke-width: 0px;fill: rgb(128, 128, 128);font-size:1px;text-anchor:middle;font-family:undefined" min="0" x="156.4499909537179" y="115.39576967150501" width="1" height="1" preserveAspectRatio="none" filter="url(#nowhite)"></image><image xlink:href="https://www.proplanta.de/wetterdaten/images/symbole/t7.gif" style="stroke-width: 0px;fill: rgb(128, 128, 128);font-size:1px;text-anchor:middle;font-family:undefined" min="0" x="224.5166576930455" y="331.75" width="1" height="1" preserveAspectRatio="none" filter="url(#nowhite)"></image><image xlink:href="https://www.proplanta.de/wetterdaten/images/symbole/t5.gif" style="stroke-width: 0px;fill: rgb(128, 128, 128);font-size:1px;text-anchor:middle;font-family:undefined" min="0" x="292.58332443237305" y="403.86807677616497" width="1" height="1" preserveAspectRatio="none" filter="url(#nowhite)"></image><image xlink:href="https://www.proplanta.de/wetterdaten/images/symbole/t7.gif" style="stroke-width: 0px;fill: rgb(128, 128, 128);font-size:1px;text-anchor:middle;font-family:undefined" min="0" x="360.64999117170066" y="403.86807677616497" width="1" height="1" preserveAspectRatio="none" filter="url(#nowhite)"></image><image xlink:href="https://www.proplanta.de/wetterdaten/images/symbole/t4.gif" style="stroke-width: 0px;fill: rgb(128, 128, 128);font-size:1px;text-anchor:middle;font-family:undefined" min="0" x="428.71665791102816" y="187.51384644767003" width="1" height="1" preserveAspectRatio="none" filter="url(#nowhite)"></image><image xlink:href="https://www.proplanta.de/wetterdaten/images/symbole/t5.gif" style="stroke-width: 0px;fill: rgb(128, 128, 128);font-size:1px;text-anchor:middle;font-family:undefined" min="0" x="496.7833246503558" y="43.27769289533998" width="1" height="1" preserveAspectRatio="none" filter="url(#nowhite)"></image><image xlink:href="https://www.proplanta.de/wetterdaten/images/symbole/t3.gif" style="stroke-width: 0px;fill: rgb(128, 128, 128);font-size:1px;text-anchor:middle;font-family:undefined" min="0" x="564.8499913896833" y="259.631923223835" width="1" height="1" preserveAspectRatio="none" filter="url(#nowhite)"></image><image xlink:href="https://www.proplanta.de/wetterdaten/images/symbole/t4.gif" style="stroke-width: 0px;fill: rgb(128, 128, 128);font-size:1px;text-anchor:middle;font-family:undefined" min="0" x="632.9166581290108" y="187.51384644767003" width="1" height="1" preserveAspectRatio="none" filter="url(#nowhite)"></image><image xlink:href="https://www.proplanta.de/wetterdaten/images/symbole/t4.gif" style="stroke-width: 0px;fill: rgb(128, 128, 128);font-size:1px;text-anchor:middle;font-family:undefined" min="0" x="700.9833248683385" y="115.39576967150501" width="1" height="1" preserveAspectRatio="none" filter="url(#nowhite)"></image><image xlink:href="https://www.proplanta.de/wetterdaten/images/symbole/t2.gif" style="stroke-width: 0px;fill: rgb(128, 128, 128);font-size:1px;text-anchor:middle;font-family:undefined" min="0" x="769.049991607666" y="259.631923223835" width="1" height="1" preserveAspectRatio="none" filter="url(#nowhite)"></image><image xlink:href="https://www.proplanta.de/wetterdaten/images/symbole/t2.gif" style="stroke-width: 0px;fill: rgb(128, 128, 128);font-size:1px;text-anchor:middle;font-family:undefined" min="0" x="837.1166583469935" y="259.631923223835" width="1" height="1" preserveAspectRatio="none" filter="url(#nowhite)"></image><image xlink:href="https://www.proplanta.de/wetterdaten/images/symbole/t7.gif" style="stroke-width: 0px;fill: rgb(128, 128, 128);font-size:1px;text-anchor:middle;font-family:undefined" min="0" x="905.1833250863212" y="331.75" width="1" height="1" preserveAspectRatio="none" filter="url(#nowhite)"></image></g></g></g></svg><g class="lentries" style="-moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform-origin: 54.84999084472656px 614.5px NaNpx" x="0%" y="0px"><rect class="legend lback" style="position: relative;" x="905.9666595458984px" y="25px" height="46px" width="101.81666564941406px"></rect><text class="legend ftui l99icon" x="1002.7833251953125px" y="63.5px" text-anchor="end" igraph="0" style="stroke-width:0px;fill-opacity:1;" opacity="1">Wetterbedingung</text><text class="legend ftui l1fill" x="1002.7833251953125px" y="45.5px" text-anchor="end" igraph="1" style="stroke-width:0px;fill-opacity:1;" opacity="1">Max. Temperature</text></g><g class="text axes"><g class="text yaxis_primary" style="-moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform-origin: 54.84999084472656px 614.5px 0px"><text class="text axes yaxis" x="16" y="332.25" transform="rotate(-90 16,332.25)" text-anchor="middle">Temperature (°C)</text><text class="text axes yaxis" x="52.84999084472656px" y="555.104230328495" text-anchor="end">2.0°C</text><text class="text axes yaxis" x="52.84999084472656px" y="410.86807677616497" text-anchor="end">4.0°C</text><text class="text axes yaxis" x="52.84999084472656px" y="266.631923223835" text-anchor="end">6.0°C</text><text class="text axes yaxis" x="52.84999084472656px" y="122.395769671505" text-anchor="end">8.0°C</text></g><g class="text xaxis" style="-moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform-origin: 54.84999084472656px 614.5px 0px"><text class="text axes xaxis" x="54.84999084472656px" y="671.5" text-anchor="middle">24.01</text><text class="text axes xaxis" x="54.84999084472656px" y="655.5" text-anchor="middle">Mi</text><text class="text axes xaxis" x="122.91665758405412px" y="671.5" text-anchor="middle">25.01</text><text class="text axes xaxis" x="122.91665758405412px" y="655.5" text-anchor="middle">Do</text><text class="text axes xaxis" x="190.98332432338168px" y="671.5" text-anchor="middle">26.01</text><text class="text axes xaxis" x="190.98332432338168px" y="655.5" text-anchor="middle">Fr</text><text class="text axes xaxis" x="259.0499910627093px" y="671.5" text-anchor="middle">27.01</text><text class="text axes xaxis" x="259.0499910627093px" y="655.5" text-anchor="middle">Sa</text><text class="text axes xaxis" x="327.1166578020368px" y="671.5" text-anchor="middle">28.01</text><text class="text axes xaxis" x="327.1166578020368px" y="655.5" text-anchor="middle">So</text><text class="text axes xaxis" x="395.1833245413644px" y="671.5" text-anchor="middle">29.01</text><text class="text axes xaxis" x="395.1833245413644px" y="655.5" text-anchor="middle">Mo</text><text class="text axes xaxis" x="463.249991280692px" y="671.5" text-anchor="middle">30.01</text><text class="text axes xaxis" x="463.249991280692px" y="655.5" text-anchor="middle">Di</text><text class="text axes xaxis" x="531.3166580200195px" y="671.5" text-anchor="middle">31.01</text><text class="text axes xaxis" x="531.3166580200195px" y="655.5" text-anchor="middle">Mi</text><text class="text axes xaxis" x="599.383324759347px" y="671.5" text-anchor="middle">01.02</text><text class="text axes xaxis" x="599.383324759347px" y="655.5" text-anchor="middle">Do</text><text class="text axes xaxis" x="667.4499914986746px" y="671.5" text-anchor="middle">02.02</text><text class="text axes xaxis" x="667.4499914986746px" y="655.5" text-anchor="middle">Fr</text><text class="text axes xaxis" x="735.5166582380023px" y="671.5" text-anchor="middle">03.02</text><text class="text axes xaxis" x="735.5166582380023px" y="655.5" text-anchor="middle">Sa</text><text class="text axes xaxis" x="803.5833249773298px" y="671.5" text-anchor="middle">04.02</text><text class="text axes xaxis" x="803.5833249773298px" y="655.5" text-anchor="middle">So</text><text class="text axes xaxis" x="871.6499917166574px" y="671.5" text-anchor="middle">05.02</text><text class="text axes xaxis" x="871.6499917166574px" y="655.5" text-anchor="middle">Mo</text><text class="text axes xaxis" x="939.7166584559849px" y="671.5" text-anchor="middle">06.02</text><text class="text axes xaxis" x="939.7166584559849px" y="655.5" text-anchor="middle">Di</text><text class="text axes xaxis" x="1007.7833251953125px" y="671.5" text-anchor="middle">07.02</text><text class="text axes xaxis" x="1007.7833251953125px" y="655.5" text-anchor="middle">Mi</text></g></g><g class="crosshair" pointer-events="none" style="overflow: inherit"><line class="crosshair" style="-moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform-origin: 54.84999084472656px 614.5px 0px"></line><g class="crosshair" style="-moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform-origin: 54.84999084472656px 614.5px 0px"><text class="crosshair" filter="url(#filterbackground)" style="z-index:10001; stroke-width:0px" text-anchor="end"></text></g><g class="crosshair" style="-moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform-origin: 54.84999084472656px 614.5px NaNpx"><text class="crosshair" filter="url(#filterbackground)" style="z-index:10001; stroke-width:0px" text-anchor="end"></text></g><g class="crosshair" style="-moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform-origin: 54.84999084472656px 614.5px 0px"><text class="crosshair" filter="url(#filterbackground)" style="z-index:10001; stroke-width:0px" text-anchor="end"></text></g></g></g></svg></div>

Das Bild in der Anlage wird nicht das Problem sein.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 23 Januar 2018, 12:31:25
Mir fällt gerade noch auf, dass Du einen Style "ftui l99icon" verwendest. Der ist aber in den Standard css files gar nicht definiert. Hast Du den Style denn in Deinem fhem-tablet-ui-user.css file definiert? Falls nicht füge mal folgendes in Dein fhem-tablet-ui-user.css ein (und natürlich muss das fhem-tablet-ui-user.css auch in Deinem HTML entsprechend eingebunden sein).

/* Definition for styles to be used for graphs (as alternative to the standard FHEM plot styles */
/* normal lines */
.ftui.l99      { stroke:#DDA400; stroke-width:4px; fill:none; }

/* Symbols */
.ftui.l99sym      { stroke:#DDA400; stroke-width:12px; fill:none;}

/* icon lines */
.ftui.l99icon   { stroke:#DDA400; stroke-width:48px; fill:none; }

/* Dashed lines */
.ftui.l99dash   { stroke:#DDA400; stroke-width:2px; fill:none; stroke-dasharray:5px,3px; }

/* Dotted lines */
.ftui.l99dot      { stroke:#DDA400; stroke-width:2px; fill:none; stroke-dasharray:2px,2px; }

/* Filled graphs */
.ftui.l99fill      { stroke:#DDA400; fill:url(#gr_ftui0); stroke-width:2px; fill-opacity:0.8 }
.ftui.l98fill      { stroke:#31B6FF; fill:#31B6FF; stroke-width:0px; fill-opacity:0.3 }
.ftui.l97fill      { stroke:#FFB631; fill:#FFB631; stroke-width:0px; fill-opacity:0.3 }

/* additional settings for the text (mainly for legend window) */
text.ftui.l99, text.ftui.l99sym, text.ftui.l99dot, text.ftui.l99dash, text.ftui.l99fill, text.ftui.l99icon { stroke:none; fill:#DDA400; }
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Ranseyer am 23 Januar 2018, 12:59:30
Hurra!

Danke für die Hilfe, genau das wars. Problem: Viertel bis Halbwissen...
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Wiesel am 25 Januar 2018, 13:22:08
Hallo Zusammen,

Kann ich eigentlich ein Zeilenumbruch im data-title erzeugen ? Ein \n hat leider nicht funktioniert.
Ich würde gerne im Kopf folgendes anzeigen lassen.

T now:            T avg:            T min:            T:max
H now:           H avg:            H min:            H:max


Weiterhin hätte ich noch eine Frage.
Ist es viel Aufwand das Attribut data-part, welches unter anderem im label widget verwendet wird, zu implementieren ? Wäre das Nur ein "Copy & Paste" mit ein paar Anpassungen oder muss man hier bei 0 beginnen ?
Somit könnte man mit z.B. data-part="3" lange regexp vermeiden.

Grüße
Tobias
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 25 Januar 2018, 16:17:54
Hallo Zusammen,

Kann ich eigentlich ein Zeilenumbruch im data-title erzeugen ? Ein \n hat leider nicht funktioniert.
Ich würde gerne im Kopf folgendes anzeigen lassen.

T now:            T avg:            T min:            T:max
H now:           H avg:            H min:            H:max


Weiterhin hätte ich noch eine Frage.
Ist es viel Aufwand das Attribut data-part, welches unter anderem im label widget verwendet wird, zu implementieren ? Wäre das Nur ein "Copy & Paste" mit ein paar Anpassungen oder muss man hier bei 0 beginnen ?
Somit könnte man mit z.B. data-part="3" lange regexp vermeiden.

Grüße
Tobias

Zeilenumbruch im Titel geht bisher nicht, ist aber wohl nicht so aufwändig, weil ich im Zug der Titel Formatierung über Klassen sowieso prinzipiell eine Möglichkeit für einen Umbruch eingebaut habe (wenn der Font zu groß wird und/oder der Text nicht in eine Zeile passt wird ein Umbruch gemacht). Werde ich einbauen.
In Deinem Beispiel sind ja auch Tabs enthalten, das geht bisher auch nicht, und wäre auch mehr Aufwand, ich denk mal drüber nach ob das auch mit vertretbarem Aufwand machbar wäre.

Was genau möchtest Du denn mit data-part machen? Im Label werden dadurch aus dem Wert, der in den Readings steht, Teile ausgeschnitten und diese dann dargestellt. Für das Chart gibt es ja aber eigentlich gar kein data-get und damit auch kein data-part, da läuft ja alles mehr oder weniger über die anderen Definitionen (z.B. data-logfile, data-columnspec).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Wiesel am 25 Januar 2018, 16:52:46
Hmm merkwürdig, bei mir macht er keinen Zeilenumbruch (siehe Bild).
Der dazugehörige code:
<li data-row="1" data-col="1" data-sizex="4" data-sizey="3"> <!-- Diagramm Kueche -->
   <header>Diagramm Küche</header>
   <!-- place your widget here -->
 <div class="normal"
  data-type="chart"
  data-prefetch="true"
data-title="T avg: $eval(parseInt($data{avg1}*10)/10)°C / T min: $eval(parseInt($data{min1}*100)/100)°C / T max: $eval(parseInt($data{max1}*100)/100)°C / H avg: $eval(parseInt($data{avg2}*10)/10)% / H min: $eval(parseInt($data{min2}*100)/100)% / H max: $eval(parseInt($data{max2}*100)/100)%"
data-height="150"
         data-logdevice="logdb"
         data-logfile="HISTORY"
         data-columnspec='["TH_Kueche:temperature","TH_Kueche:humidity","TT_Kueche_Clima:ValvePosition"]'
         data-style='["ftui l2","ftui l6","ftui l0"]'
         data-ptype='["lines","lines","lines"]'
         data-uaxis='["primary","secondary","secondary"]'
         data-legend='["Temperatur","Luftfeuchte","ValvePosition"]'
         data-yunit="&deg;C"
         data-ytext="&deg;C"
         data-minvalue="auto"
         data-maxvalue="auto"
         data-yunit_sec="%"
         data-ytext_sec="Luftf. / Ventil"
         data-yticks="auto"
         data-minvalue_sec="0"
         data-maxvalue_sec="100"
         data-daysago_start="0"
         data-daysago_end="-1"
         data-crosshair="false"
         data-cursorgroup="1"
         data-scrollgroup="1"
         data-showlegend="false"
         data-xticks="auto">
    </div>

Ein Tab empfinde ich als nicht so wichtig. Lieber die Möglichkeit Textteile fett darzustellen. Beispiel: T max: 21.8°C oder so.

Mit dem data-part bin ich drauf gekommen weil ich den loadavg vom Modul sysmon plotten wollte. Hierbei bin ich auf den Thread https://forum.fhem.de/index.php/topic,71916.msg640340.html#msg640340 (https://forum.fhem.de/index.php/topic,71916.msg640340.html#msg640340) gestoßen.

Ich fand dabei die Erstellung der Grafen als sehr umständlich und unübersichtlich.
data-columnspec='["sysmon:loadavg:::$val=~s/([\\d.]*).[\\d.]*.[\\d.]*/$1/eg","sysmon:loadavg:::$val=~s/[\\d.]*.([\\d.]*).[\\d.]*/$1/eg","sysmon:loadavg:::$val=~s/([\\d.]*).[\\d.]*.([\\
d.]*)/$1/eg"]'

Hierbei dachte ich das man das vielleicht dann so realisieren könnte.

data-columnspec='["sysmon:loadavg",sysmon:loadavg",sysmon:loadavg"]'
data-part='["1","3","5"]'

Ich habe nur mittelmäßige Programmierkenntnisse und daher sei mir bitte verziehen wenn ich vielleicht die Problematik dahinter nicht sehe  ;D

Grüße
Tobias
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 26 Januar 2018, 09:52:23
Das mit dem Titel und den Umbrüchen ist relativ neu. Bitte prüfe mal, ob Du die neueste Version des widget_chart.js in Betrieb hast (siehe den ersten Eintrag in diesem Thread). \n geht bei mir schon, werde ich demnächst freigeben. Zu den "Teilformattierungen" überlege ich mir was.

Das mit den "einfacheren" columnspecs ist nicht so einfach zu realisieren. Das Chart nimmt die columnspec Informationen und bastelt daraus einen HTTP GET Befehl mit dem die Daten aus FHEM abgeholt werden. Deshalb kann ich im Chart auch nur das verwenden, was die Schnittstelle zu FHEM bereit stellt. Das Ganze ist ja vor allem deshalb kompliziert, weil das Reading loadavg mehrere Werte in ein Reading packt. Ich denke mal nach, will aber nichts versprechen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Wiesel am 30 Januar 2018, 20:15:21
Hallo eki,

sorry für die späte Antwort. Ich habe bereits die aktuelle Version. Ich werde dann einfach warten bis du die neue Version freigibst :)
Wie gesagt, das mit den "einfachen" columnspecs war nur so eine Idee gewesen die ich mal in Raum werfen wollte  ;D

An dieser Stele nochmal vielen Dank für deine Bemühungen.

Grüße
Tobias
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: netwalk am 07 Februar 2018, 13:07:57
Hallo,

ich habe mich in den letzten Wochen in FTUI eingearbeitet und bin begeistert.

Nun habe ich bei einem kleinen Chart für die Helligkeit ein Problem:
Zur besseren Darstellung habe ich für die Y-Achse die logarithmische Darstellung gewählt, allerdings scheint hier ein Berechnungsfehler zu Tage zu treten, es werden negative Werte dargestellt, obwohl im Logfile nur Werte >= 0 auftauchen.
Die Definition lautet wie folgt:

<div class="nobuttons"
      data-type="chart"
      data-device="sens.au.Helligkeit"
      data-logdevice="FileLog_sens.au.Helligkeit"
      data-columnspec="4:brightness"
      data-minvalue="0"
      data-maxvalue="auto"
      data-ytype="log"
      data-style="ftui l4fill"
      data-height="60"
      data-width="90"
      data-yticks="auto"
      >
   </div>

Lasse ich mir den Min-Wert anzeigen, liegt der bei -2. Was läuft hier falsch?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Ulm32b am 07 Februar 2018, 13:57:34
Lasse ich mir den Min-Wert anzeigen, liegt der bei -2. Was läuft hier falsch?

log x = -2
--> x=0,01
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: netwalk am 07 Februar 2018, 14:15:57
Mea culpa,

auf die Idee des Nachrechnens hätte ich eigentlich kommen sollen  ;).

Wie kann ich aber vermeiden, dass mir negative Werte dargestellt werden?

Im SVG Plot in der FHEM-Oberfläche werden keine Werte < 0 angezeigt.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: netwalk am 07 Februar 2018, 14:23:38
Jetzt wird's ein bischen seltsam:

Im Firefox werden mir auch keine negativen Werte angezeigt.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 08 Februar 2018, 09:09:55
Kannst Du hier mal das zughörige Logfile posten, dann kann ich mal schauen, ob da im Chart noch was hakt (mit Log Achsen habe ich nicht allzu viel testen können daher bin ich für Beispiele immer dankbar).
Eine Einfache Möglichkeit wäre es, wenn Du data-minvalue auch auf "auto" und nicht auf 0 setzt (möglicherweise habe ich da im Chart noch eine Umrechnung des input data-minvalue Wertes vergessen, schaue ich mir mal an).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: netwalk am 08 Februar 2018, 11:39:33
Hier ist das zugehörige Logfile:

2018-02-07_00:02:48 sens.au.Helligkeit brightness: 0
2018-02-07_00:05:26 sens.au.Helligkeit brightness: 0
2018-02-07_00:07:50 sens.au.Helligkeit brightness: 0
[...]
2018-02-07_06:04:45 sens.au.Helligkeit brightness: 0
2018-02-07_06:07:09 sens.au.Helligkeit brightness: 0
2018-02-07_06:09:18 sens.au.Helligkeit brightness: 0.02
2018-02-07_06:12:17 sens.au.Helligkeit brightness: 0.02
2018-02-07_06:15:01 sens.au.Helligkeit brightness: 0.02
2018-02-07_06:17:31 sens.au.Helligkeit brightness: 0.02
2018-02-07_06:19:47 sens.au.Helligkeit brightness: 0.02
2018-02-07_06:21:48 sens.au.Helligkeit brightness: 0.02
2018-02-07_06:24:38 sens.au.Helligkeit brightness: 0.02
2018-02-07_06:27:15 sens.au.Helligkeit brightness: 0.02
2018-02-07_06:29:36 sens.au.Helligkeit brightness: 0.02
2018-02-07_06:31:44 sens.au.Helligkeit brightness: 0.02
2018-02-07_06:34:41 sens.au.Helligkeit brightness: 0.02
2018-02-07_06:37:24 sens.au.Helligkeit brightness: 0.01
2018-02-07_06:39:52 sens.au.Helligkeit brightness: 0.02
2018-02-07_06:42:06 sens.au.Helligkeit brightness: 0.02
2018-02-07_06:45:09 sens.au.Helligkeit brightness: 0.02
2018-02-07_06:50:32 sens.au.Helligkeit brightness: 0.02
2018-02-07_06:52:52 sens.au.Helligkeit brightness: 0.02
2018-02-07_06:54:58 sens.au.Helligkeit brightness: 0.02
2018-02-07_06:57:53 sens.au.Helligkeit brightness: 0.02
2018-02-07_07:00:34 sens.au.Helligkeit brightness: 0.02
2018-02-07_07:03:00 sens.au.Helligkeit brightness: 0.02
2018-02-07_07:05:12 sens.au.Helligkeit brightness: 0.02
2018-02-07_07:08:13 sens.au.Helligkeit brightness: 0.05
2018-02-07_07:11:00 sens.au.Helligkeit brightness: 0.05
2018-02-07_07:13:33 sens.au.Helligkeit brightness: 0.08
2018-02-07_07:15:51 sens.au.Helligkeit brightness: 0.11
2018-02-07_07:17:55 sens.au.Helligkeit brightness: 0.15
2018-02-07_07:20:48 sens.au.Helligkeit brightness: 0.22
2018-02-07_07:23:27 sens.au.Helligkeit brightness: 0.35
2018-02-07_07:25:52 sens.au.Helligkeit brightness: 0.53
2018-02-07_07:28:02 sens.au.Helligkeit brightness: 0.78
2018-02-07_07:31:02 sens.au.Helligkeit brightness: 1.39
2018-02-07_07:33:47 sens.au.Helligkeit brightness: 2.51
2018-02-07_07:36:18 sens.au.Helligkeit brightness: 4.28
2018-02-07_07:38:34 sens.au.Helligkeit brightness: 6.5
2018-02-07_07:40:36 sens.au.Helligkeit battery: ok
2018-02-07_07:40:36 sens.au.Helligkeit brightness: 9.78
2018-02-07_07:43:28 sens.au.Helligkeit brightness: 16.32
2018-02-07_07:46:05 sens.au.Helligkeit brightness: 27.38
2018-02-07_07:48:28 sens.au.Helligkeit brightness: 40.56
2018-02-07_07:50:36 sens.au.Helligkeit brightness: 56.11
2018-02-07_07:53:34 sens.au.Helligkeit brightness: 83.32
2018-02-07_07:56:17 sens.au.Helligkeit brightness: 119.21
2018-02-07_07:58:46 sens.au.Helligkeit brightness: 158.31
2018-02-07_08:01:01 sens.au.Helligkeit brightness: 196.27
2018-02-07_08:03:01 sens.au.Helligkeit brightness: 234.28
2018-02-07_08:05:51 sens.au.Helligkeit brightness: 302.17
2018-02-07_08:08:26 sens.au.Helligkeit brightness: 363.38
2018-02-07_08:10:47 sens.au.Helligkeit brightness: 422.95
2018-02-07_08:12:54 sens.au.Helligkeit brightness: 476.6
2018-02-07_08:15:50 sens.au.Helligkeit brightness: 557.39
2018-02-07_08:18:31 sens.au.Helligkeit brightness: 635.47
2018-02-07_08:20:58 sens.au.Helligkeit brightness: 716.81
2018-02-07_08:23:11 sens.au.Helligkeit brightness: 789.21
2018-02-07_08:26:13 sens.au.Helligkeit brightness: 880.02
2018-02-07_08:29:01 sens.au.Helligkeit brightness: 948.02
2018-02-07_08:31:35 sens.au.Helligkeit brightness: 1031.5
2018-02-07_08:33:54 sens.au.Helligkeit brightness: 1100.2
2018-02-07_08:35:59 sens.au.Helligkeit brightness: 1169.78
2018-02-07_08:38:53 sens.au.Helligkeit brightness: 1289.69
2018-02-07_08:41:33 sens.au.Helligkeit brightness: 1421.11
2018-02-07_08:43:58 sens.au.Helligkeit brightness: 1496.67
2018-02-07_08:46:09 sens.au.Helligkeit brightness: 1583.3
2018-02-07_08:49:10 sens.au.Helligkeit brightness: 1657.03
[..]
2018-02-07_14:06:22 sens.au.Helligkeit brightness: 4313.08
2018-02-07_14:10:39 sens.au.Helligkeit battery: ok
2018-02-07_14:10:39 sens.au.Helligkeit brightness: 4375.98
2018-02-07_14:13:30 sens.au.Helligkeit brightness: 4392.11
2018-02-07_14:16:06 sens.au.Helligkeit brightness: 4404.32
2018-02-07_14:18:28 sens.au.Helligkeit brightness: 4394.88
2018-02-07_14:20:36 sens.au.Helligkeit brightness: 4408.47
2018-02-07_14:23:33 sens.au.Helligkeit brightness: 4422.75
2018-02-07_14:26:15 sens.au.Helligkeit brightness: 4442.8
2018-02-07_14:28:44 sens.au.Helligkeit brightness: 4443.49
2018-02-07_14:30:57 sens.au.Helligkeit brightness: 4409.39
2018-02-07_14:34:01 sens.au.Helligkeit brightness: 4398.79
2018-02-07_14:36:50 sens.au.Helligkeit brightness: 4442.8
2018-02-07_14:39:24 sens.au.Helligkeit brightness: 4481.73
2018-02-07_14:41:44 sens.au.Helligkeit brightness: 4483.81
2018-02-07_14:43:50 sens.au.Helligkeit brightness: 4472.75
2018-02-07_14:46:45 sens.au.Helligkeit brightness: 4464.22
2018-02-07_14:49:26 sens.au.Helligkeit brightness: 4422.29
2018-02-07_14:51:52 sens.au.Helligkeit brightness: 4418.37
2018-02-07_14:54:04 sens.au.Helligkeit brightness: 4365.15
2018-02-07_14:57:06 sens.au.Helligkeit brightness: 4328.75
2018-02-07_14:59:53 sens.au.Helligkeit brightness: 4420.22
2018-02-07_15:02:26 sens.au.Helligkeit brightness: 4378.51
2018-02-07_15:04:44 sens.au.Helligkeit brightness: 4334.51
2018-02-07_15:06:48 sens.au.Helligkeit brightness: 4340.96
2018-02-07_15:09:41 sens.au.Helligkeit brightness: 4338.89
2018-02-07_15:12:20 sens.au.Helligkeit brightness: 4307.09
2018-02-07_15:14:45 sens.au.Helligkeit brightness: 4304.79
2018-02-07_15:16:55 sens.au.Helligkeit brightness: 4336.35
2018-02-07_15:19:55 sens.au.Helligkeit brightness: 4397.18
2018-02-07_15:22:40 sens.au.Helligkeit brightness: 4337.74
2018-02-07_15:25:11 sens.au.Helligkeit brightness: 4325.06
2018-02-07_15:27:27 sens.au.Helligkeit brightness: 4300.64
2018-02-07_15:29:29 sens.au.Helligkeit brightness: 4268.38
2018-02-07_15:32:21 sens.au.Helligkeit brightness: 4249.95
2018-02-07_15:34:58 sens.au.Helligkeit brightness: 4232.68
2018-02-07_15:37:21 sens.au.Helligkeit brightness: 4208.02
[..]
2018-02-07_17:08:15 sens.au.Helligkeit brightness: 1154.23
2018-02-07_17:10:16 sens.au.Helligkeit brightness: 1050.1
2018-02-07_17:13:07 sens.au.Helligkeit brightness: 916.81
2018-02-07_17:15:43 sens.au.Helligkeit brightness: 794.96
2018-02-07_17:18:05 sens.au.Helligkeit brightness: 690.79
2018-02-07_17:20:12 sens.au.Helligkeit brightness: 604.41
2018-02-07_17:23:09 sens.au.Helligkeit brightness: 495.32
2018-02-07_17:25:52 sens.au.Helligkeit brightness: 407.84
2018-02-07_17:28:20 sens.au.Helligkeit brightness: 334.31
2018-02-07_17:30:34 sens.au.Helligkeit brightness: 277.36
2018-02-07_17:33:37 sens.au.Helligkeit battery: ok
2018-02-07_17:33:37 sens.au.Helligkeit brightness: 205.56
2018-02-07_17:36:26 sens.au.Helligkeit brightness: 159.21
2018-02-07_17:39:00 sens.au.Helligkeit brightness: 120.98
2018-02-07_17:41:20 sens.au.Helligkeit brightness: 92.72
2018-02-07_17:43:26 sens.au.Helligkeit brightness: 72.25
2018-02-07_17:46:21 sens.au.Helligkeit brightness: 48.44
2018-02-07_17:49:02 sens.au.Helligkeit brightness: 32.64
2018-02-07_17:51:28 sens.au.Helligkeit brightness: 21.64
2018-02-07_17:53:40 sens.au.Helligkeit brightness: 14.48
2018-02-07_17:56:41 sens.au.Helligkeit brightness: 8.51
2018-02-07_17:59:29 sens.au.Helligkeit brightness: 4.95
2018-02-07_18:02:01 sens.au.Helligkeit brightness: 2.99
2018-02-07_18:04:20 sens.au.Helligkeit brightness: 1.85
2018-02-07_18:06:23 sens.au.Helligkeit brightness: 1.32
2018-02-07_18:09:17 sens.au.Helligkeit brightness: 0.81
2018-02-07_18:11:56 sens.au.Helligkeit brightness: 0.53
2018-02-07_18:14:20 sens.au.Helligkeit brightness: 0.36
2018-02-07_18:16:30 sens.au.Helligkeit brightness: 0.25
2018-02-07_18:19:30 sens.au.Helligkeit brightness: 0.16
2018-02-07_18:22:15 sens.au.Helligkeit brightness: 0.11
2018-02-07_18:24:46 sens.au.Helligkeit brightness: 0.08
2018-02-07_18:27:02 sens.au.Helligkeit brightness: 0.05
2018-02-07_18:29:04 sens.au.Helligkeit brightness: 0.05
2018-02-07_18:31:56 sens.au.Helligkeit brightness: 0.02
2018-02-07_18:34:33 sens.au.Helligkeit brightness: 0.02
2018-02-07_18:36:56 sens.au.Helligkeit brightness: 0.02
2018-02-07_18:39:04 sens.au.Helligkeit brightness: 0.02
2018-02-07_18:42:02 sens.au.Helligkeit brightness: 0.02
2018-02-07_18:47:14 sens.au.Helligkeit brightness: 0.02
2018-02-07_18:49:29 sens.au.Helligkeit brightness: 0.02
2018-02-07_18:51:29 sens.au.Helligkeit brightness: 0.02
2018-02-07_18:54:19 sens.au.Helligkeit brightness: 0.02
2018-02-07_18:56:54 sens.au.Helligkeit brightness: 0.02
2018-02-07_18:59:15 sens.au.Helligkeit brightness: 0.02
2018-02-07_19:01:22 sens.au.Helligkeit brightness: 0.02
2018-02-07_19:04:18 sens.au.Helligkeit brightness: 0.02
2018-02-07_19:06:59 sens.au.Helligkeit brightness: 0.02
2018-02-07_19:09:27 sens.au.Helligkeit brightness: 0.01
2018-02-07_19:11:39 sens.au.Helligkeit brightness: 0.01
2018-02-07_19:14:41 sens.au.Helligkeit battery: ok
2018-02-07_19:14:41 sens.au.Helligkeit brightness: 0.02
2018-02-07_19:17:29 sens.au.Helligkeit brightness: 0.01
2018-02-07_19:20:03 sens.au.Helligkeit brightness: 0.02
2018-02-07_19:22:22 sens.au.Helligkeit brightness: 0.02
2018-02-07_19:24:27 sens.au.Helligkeit brightness: 0.02
2018-02-07_19:30:01 sens.au.Helligkeit brightness: 0.02
2018-02-07_19:32:26 sens.au.Helligkeit brightness: 0.01
2018-02-07_19:34:37 sens.au.Helligkeit brightness: 0.01
2018-02-07_19:37:38 sens.au.Helligkeit brightness: 0.02
2018-02-07_19:40:24 sens.au.Helligkeit brightness: 0.01
2018-02-07_19:42:56 sens.au.Helligkeit brightness: 0.01
2018-02-07_19:45:13 sens.au.Helligkeit brightness: 0.02
2018-02-07_19:47:16 sens.au.Helligkeit brightness: 0.01
2018-02-07_19:50:08 sens.au.Helligkeit brightness: 0.01
2018-02-07_19:52:46 sens.au.Helligkeit brightness: 0.02
2018-02-07_19:55:10 sens.au.Helligkeit brightness: 0.01
2018-02-07_19:57:19 sens.au.Helligkeit brightness: 0.02
2018-02-07_20:00:18 sens.au.Helligkeit brightness: 0.02
2018-02-07_20:03:02 sens.au.Helligkeit brightness: 0.01
2018-02-07_20:05:32 sens.au.Helligkeit brightness: 0.02
2018-02-07_20:07:47 sens.au.Helligkeit brightness: 0.02
2018-02-07_20:09:48 sens.au.Helligkeit brightness: 0.01
2018-02-07_20:12:39 sens.au.Helligkeit brightness: 0.02
2018-02-07_20:15:15 sens.au.Helligkeit brightness: 0.02
2018-02-07_20:17:37 sens.au.Helligkeit brightness: 0.02
2018-02-07_20:19:44 sens.au.Helligkeit brightness: 0.01
2018-02-07_20:22:41 sens.au.Helligkeit brightness: 0.01
2018-02-07_20:25:24 sens.au.Helligkeit brightness: 0.02
2018-02-07_20:27:52 sens.au.Helligkeit brightness: 0.02
2018-02-07_20:30:05 sens.au.Helligkeit brightness: 0.01
2018-02-07_20:33:09 sens.au.Helligkeit brightness: 0.02
2018-02-07_20:35:57 sens.au.Helligkeit brightness: 0.01
2018-02-07_20:38:32 sens.au.Helligkeit brightness: 0.01
2018-02-07_20:40:52 sens.au.Helligkeit brightness: 0.01
2018-02-07_20:42:57 sens.au.Helligkeit brightness: 0.02
2018-02-07_20:45:52 sens.au.Helligkeit brightness: 0.01
2018-02-07_20:50:59 sens.au.Helligkeit brightness: 0.01
2018-02-07_20:53:11 sens.au.Helligkeit brightness: 0.01
2018-02-07_20:56:13 sens.au.Helligkeit battery: ok
2018-02-07_20:56:13 sens.au.Helligkeit brightness: 0.01
2018-02-07_20:59:00 sens.au.Helligkeit brightness: 0.02
2018-02-07_21:01:13 sens.au.Helligkeit brightness: 0.02
2018-02-07_21:04:15 sens.au.Helligkeit brightness: 0.01
2018-02-07_21:07:03 sens.au.Helligkeit brightness: 0.02
2018-02-07_21:09:37 sens.au.Helligkeit brightness: 0.01
2018-02-07_21:11:56 sens.au.Helligkeit brightness: 0.01
2018-02-07_21:14:01 sens.au.Helligkeit brightness: 0.01
2018-02-07_21:16:56 sens.au.Helligkeit brightness: 0.01
2018-02-07_21:19:36 sens.au.Helligkeit brightness: 0.02
2018-02-07_21:22:01 sens.au.Helligkeit brightness: 0.02
2018-02-07_21:27:13 sens.au.Helligkeit brightness: 0.01
2018-02-07_21:29:59 sens.au.Helligkeit brightness: 0.01
2018-02-07_21:32:31 sens.au.Helligkeit brightness: 0.01
2018-02-07_21:34:49 sens.au.Helligkeit brightness: 0.01
2018-02-07_21:36:52 sens.au.Helligkeit brightness: 0.02
2018-02-07_21:39:44 sens.au.Helligkeit brightness: 0.01
2018-02-07_21:42:23 sens.au.Helligkeit brightness: 0.02
2018-02-07_21:46:56 sens.au.Helligkeit brightness: 0.02
2018-02-07_21:49:55 sens.au.Helligkeit brightness: 0.01
2018-02-07_21:52:39 sens.au.Helligkeit brightness: 0.01
2018-02-07_21:57:25 sens.au.Helligkeit brightness: 0.01
2018-02-07_21:59:26 sens.au.Helligkeit brightness: 0.02
2018-02-07_22:02:17 sens.au.Helligkeit brightness: 0
2018-02-07_22:04:53 sens.au.Helligkeit brightness: 0
2018-02-07_22:07:15 sens.au.Helligkeit brightness: 0
2018-02-07_22:09:23 sens.au.Helligkeit brightness: 0
2018-02-07_22:12:20 sens.au.Helligkeit brightness: 0
2018-02-07_22:15:03 sens.au.Helligkeit brightness: 0
2018-02-07_22:17:31 sens.au.Helligkeit brightness: 0
2018-02-07_22:19:45 sens.au.Helligkeit brightness: 0
[...]
2018-02-07_23:56:15 sens.au.Helligkeit brightness: 0
2018-02-07_23:58:42 sens.au.Helligkeit brightness: 0
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: netwalk am 09 Februar 2018, 08:31:48
Ich habe noch eine Frage:

Wie kann ich den Durchschnittswert, den ich mir mit
$data{avg1}im Titel anzeigen lassen kann, runden?
Ich habe keinen Parameter dafür gefunden oder habe ich was übersehen?

Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 09 Februar 2018, 11:35:05
Es gibt in seit kürzerem die Möglichkeit über $eval beliebige Jave Script Funktionen beim Erzeugen der Header Infos zu verwenden. Beispiel für Rundung (einmal auf eine Nachkommastelle und dann noch auf 2 Nachkommastellen gerundet):

data-title="Klima Wohnzimmer Average: $eval(parseInt($data{avg1}*10)/10)°C / Max: $eval(parseInt($data{max1}*100)/100)°C"
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: netwalk am 09 Februar 2018, 13:07:24
Funktioniert perfekt.
Vielen Dank!
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 18 Februar 2018, 18:45:13
Grüß Dich Eki,
Endlich hatte ich mal wieder Anlass, zu einem Gerät schöne Charts zu erstellen - nämlich zum Owl-Energieverbrauchsmesser.
Was ich da u.a. machen will ist eine Chart, in der immer die Verbrauchswerte der letzten und der vorletzten 24 h als Kurven übereinander liegen. So kann man schön die reglmäßigen Verbraucher von den punktuellen unterscheiden. Soweit ich das sehe, geht das mit Bordmitteln des Chart Widget (days_ago...) nicht.
Sollte ich da versuchen, eine zweite Logfile (um 24 h versetzt) zu erzeugen oder gint es andere Tricks?
Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 19 Februar 2018, 10:25:51
Was Du bräuchtest, um das direkt im Chart Widget zu machen, wäre eine zweite X-Achse. Das gibt es bisher im Chart nicht und wäre auch ein großer Aufwand und würde außerdem zu recht viel Konfusion führen, daher möchte ich das lieber nicht einbauen.
Was Du aber machen könntest, wäre das Statistik Modul zu verwenden. Dort können Deltas eines Readings zu zeitlich vorherigen Readingwerten als neue Readings angelegt werden. Mal angenommen Dein Device heißt OWL und das reading heißt power, dann könntest Du mit folgender statistics Definition dafür sorgen, dass bei jeder Änderung des Readings der Unterschied zum Vortag in ein neues Reading mit Namen statPowerDay eingetragen wird:

define stat statistics OWL
attr stat ignoreDefaultAssignments 1
attr stat deltaReadings power
attr stat singularReadings OWL:power:Delta:Day

Wenn Du dieses Reading mit ins Logfile oder Deine LogDB packst, dann kannst Du es entweder direkt als Unterschied darstellen, oder Du kannst es per "stacking" auf den Wert vom aktuellen Tag oben drauf legen und hast dann die Darstellung, die Du haben möchtest. Gib mal Bescheid, ob das klappt und wie das Ergebnis aussieht, interessiert mich auch für meine Verbrauchsmessung.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 19 Februar 2018, 11:24:36
Danke Eki, das werde ich mal versuchen.
War gerade noch am überlegen, ob die Readings nicht vielleicht schon direkt aus der OWL bzw. aus dem OWL-Modul ableitbar sind oder zumindest direkt im Modul 60_CM160.pm (https://forum.fhem.de/index.php/topic,44037.msg759914.html#msg759914) erzeugt werden könnten.
Es gibt da ja schon eine Menge "historischer" Daten:
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 19 Februar 2018, 11:56:51
So wie das aussieht, hast Du ja schon ein statistic Modul am Laufen (siehe stat... Readings). Das könntest Du ja nutzten (also nur das Attribut singularReadings entsprechend setzen).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 19 Februar 2018, 12:04:02
da bin ich mir nicht ganz sicher, ob die stat-Readings nicht direkt aus der OWL ausgelesen werden. Das fhem Owl-Modul jedenfalls scheint nach meinem laienhaften Verständnis nicht das statistic-Modul zu nutzen, und im Modul selbst werden sie anscheinend auch nicht erzeugt/berechnet. Die Owl hat ja auch selbst interne Statistic-Funktionen zur Anzeige auf dem LCD - vermute mal, dass die daher komen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 19 Februar 2018, 13:37:01
Das musst Du wissen, das Format sieht mir aber sehr nach readings vom Statistic Modul aus. Gib einfach mal "list TYPE=statistics" im Kommandofenster von FHEM ein, wenn da was angezeigt wird, hast Du ein statistics Modul am laufen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 19 Februar 2018, 13:56:04
list TYPE=statistics
ergibt nichts, läuft also nicht, damit kann es m.E. nur direkt aus der Owl-Hardware über USB in fhem kommen.
Vielleicht frage ich mal den letzten Bearbeiter des Owl-Moduls.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 19 Februar 2018, 21:13:55
könntest Du mit folgender statistics Definition dafür sorgen, dass bei jeder Änderung des Readings der Unterschied zum Vortag in ein neues Reading mit Namen statPowerDay eingetragen wird:
Ich habe mich nun mal ein bissl in das Statistik-Thema eingelesen (und im Owl-Modul den Code auf Log3 umgestellt...).
Name des Device: CM160
Name des Readings: W
Beispielzeilen aus dem Log:
2018-02-19_19:52:04 CM160 W: 302.40 W
2018-02-19_19:52:25 CM160 W: 302.40 W
2018-02-19_19:53:04 CM160 W: 302.40 W
2018-02-19_20:54:25 CM160 W: 369.60 W
2018-02-19_20:55:04 CM160 W: 369.60 W

Statistics-Definition:
define powerstats statistics CM160
attr powerstats deltaReadings W
attr powerstats ignoreDefaultAssignments 1
attr powerstats room Energie
attr powerstats singularReadings CM160:W:Delta:Day
Log-Definition:
/opt/fhem/log/CM160.log CM160.W:.*|powerstats:statWDay:.*Das Problem ist, dass ich beim Statistik-Device überhaupt keine Power-Readings sehe (oder kommen die erst nach dem ersten Tag?). Als Readings gibt es:
monitoredDevicesCM160    CM160                              2018-02-19 20:54:26
nextPeriodChangeCalc       2018-02-19 21:59:55         2018-02-19 20:59:55
state                                Updated stats for: CM160   2018-02-19 21:11:26
Wo habe ich da noch einen Fehler drin?
Danke & Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 19 Februar 2018, 21:55:20
ok, habs kapiert - die neuen Readings erscheinen beim Owl-Device...
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 20 Februar 2018, 11:13:38
So, das läuft ganz gut mit Deinem Tipp, vielen Dank! Ich muss jetzt noch mal bis morgen warten, bis das Log entsprechend rückwirkend befüllt ist.

Das Problem ist, dass das Owl-Modul das Log überflüssigerweise zuballert, auch wenn es keine Veränderung in den Readings gab. Ungünstig für die Plot-Generierung. Leider unterstützt es nicht event-on-change-reading etc. Wenn ich das richtig verstanden habe, müsste dafür das Aktualisieren der readings im Modul mit readingsBeginUpdate - readingsBulkUpdate bzw. readingsBulkUpdateIfChanged - usw. gemacht werden. Ob ich das aber hinbekomme, wage ich zu bezweifeln, vielleicht habt Ihr ja einen Tipp? Ich denke, die Stelle im Modul wo das einzige (relevante) Reading W gesetzt wird ist:
#read last reading W, if already defined
my $lastva = '0.00 W';
if (defined($hash->{READINGS}{'W'}{VAL})) {
$lastva = $hash->{READINGS}{'W'}{VAL};
}

my %readings = (
'W' => sprintf('%.2f %s', $va, 'W'),
'lastW' => sprintf('%s', $lastva)
);

my $state = sprintf(
'W: %s',
$readings{W}
);

my $log = sprintf(
'%s: %04d.%02d.%02d %02d:%02d - ', $name, $year, $month, $day, $hour, $min
) . $state;
Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 21 Februar 2018, 14:48:24
Grüß dich Exi,
oder Du kannst es per "stacking" auf den Wert vom aktuellen Tag oben drauf legen und hast dann die Darstellung, die Du haben möchtest. Gib mal Bescheid, ob das klappt und wie das Ergebnis aussieht, interessiert mich auch für meine Verbrauchsmessung.
Ich habe jetzt mal zwei volle Tage Log zur Verfügung. Zwei Fragen hätte ich noch:
1. Die Berechnung des Delta scheint nicht immer zutreffend, Bsp.:
2018-02-20_05:52:04 CM160 W: 369.60 W
2018-02-20_05:52:04 CM160 mstatWDay: 0.00
und
2018-02-21_05:52:04 CM160 W: 1696.80 W
2018-02-21_05:52:04 CM160 mstatWDay: 1394.40
Am 21.2. müsste mstatWDay m.E. 1327 betragen, nicht 1394,40.
Bei anderen Stichproben dagegen stimmt bis hinters Komma:
2018-02-20_07:29:04 CM160 W: 302.40 W
2018-02-20_07:29:04 CM160 mstatWDay: -67.20
und
2018-02-21_07:29:04 CM160 W: 537.60 W
2018-02-21_07:29:04 CM160 mstatWDay: 235.20

Und wenn negative Deltawerte auftauchen, verstehe ich nichts mehr:
2018-02-20_13:49:04 CM160 W: 268.80 W
2018-02-20_13:49:04 CM160 mstatWDay: -100.80
und
2018-02-21_13:49:06 CM160 W: 268.80 W
2018-02-21_13:49:06 CM160 mstatWDay: -33.60

Ich konnte der commandref nicht entnehmen, was DeltaDay genau zugrunde legt - wirklich eine Momentaufnahme zur identischen Zeit des Vortags? Und wenn das Reading des Vortags nicht sekundengenau mit dem des aktuellen Tags korrespondiert?

Zum anderen noch eine Frage zur Darstellung. Du schlägst Stacking vor, aber das würde mir ja den aktuellen Verbrauchswert und den vor 24 h addieren,was wohl nur eine korrekte Darstellung ergäbe, wenn negative Deltawerte korrekt berechnet würden (?). In meinem Verständnis müsste man einfach die aktuelle Verbrauchskurve und die um 24 h versetzte übereinanderlegen. Oder halt den mstatWDay - so er sich mal als vertrauenswürdig erweisen sollte - je nach Vorzeichen entweder addieren oder subtrahieren - oder würden beim Stacking negative Werte von aktuellen Wert auch in der Grafik abgezogen?

Viele Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 06 März 2018, 09:22:48
Sorry, habe das erst jetzt gesehen. Leider kann ich zum Statistik Modul nicht so viel sagen, da ich hier auch nur Anwender bin. Vielleicht fragst Du mal in Richtung des Erstellers des Modls.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 06 März 2018, 10:01:20
Es gibt jetzt mal wieder eine neue Version. Da ich für das Feature "beliebig viele Y-Achsen" ziemlich viel im Code ändern musste, stelle ich das jetzt mal hier rein und bitte Freiwillige um ausgiebige Tests. Sollte es soweit funktionieren würde ich das dann in ein paar Tagen "freigeben" und setstate bitten es in das Downloadpaket einzufügen.
Was hat sich geändert:
- Es werden jetzt mehrere Y-Achsen auf der linken und der rechten Seite unterstützt. Dazu muss bei data-uaxis statt eines Strings ('primary') ein Array mit 2 Werten angegeben werden. Der erste Wert ist der normale String für 'primary' bzw. 'secondary' der zweite Wert ist eine Zahl, die die Nummer der Achse angibt (mit 0 beginnend). Um die Parameter für diese Achsen festlegen zu können, müssen die entsprechenden data-... Werte auch als Arrays angegeben werden. Die Achsennummer ist dann der Index im Array.
Beispiel: data-uaxis='[["secondary","0"],["secondary","1"]]' würde 2 sekundäre Y-Achsen rechts festlegen. data-ytext_sec='["Temperatur °C","Temperatur °F"]' würde festlegen, dass die erste sekundäre Y-Achse mit "Temperatur °C" und die zweite mit "Temperatur °F" beschriftet werden (man müsste natürlich dann auch data-minvalue und data-maxvalue als Arrays angeben und auch Plotwerte in den entsprechenden Graphen mit den jeweiligen Skalierungen haben).
Die Achsen werden nebeneinander dargestellt, und machen natürlich den Bereich für das eigentlichen Chart kleiner. Im ersten Ansatz wird immer vom kleinsten zum größten Index aufgefüllt. Ein Klick auf eine der Achsen schiebt die jeweilige Achse dann direkt neben das Chart und die restlichen entsprechend vom Chart weg. Die Grid Linien werden immer passend zu der Achse die dem Chart am nächsten ist dargestellt.
- Unterstützung von HTML Formattierung für Überschriften, Achsenbeschriftungen etc.
  Beispiel: data-title="<b><i>Average:</i></b>\t avg0" würde "Average:" in fett und kursiv schreiben, ein TAB und den Mittelwert dazufügen (\n würde einen festen Zeilenumbruch machen).
- Verbesserungen bei der automatischen X-Achsen Beschriftung
- Bei der X-Achse werden, wenn sich durch auto-Formattierung z.B. Tages- und Stundenangaben mischen, die großen Werte fett gemacht.
- Über data-margin kann ein Abstand zwischen den Buttons oben und dem Chart selbst vogegeben werden.
- Fehlerbeseitigung bei den selbst definierten Gradienten im data-style.
- Fehlerbeseitigung bei Stacking mit Logarithmischen Achsen.
- Fehlerbeseitigung beim Clipping in Safari.

Unten sind die js und css Dateien angehängt, viel Spass beim Testen und bitte melden, wenn Ihr was findet, was nicht funktioniert. Ich habe zwar "Regressionstests" gemacht und darauf geachtet, dass das Ganze "Rückwärtskompatibel" bleibt, aber es gibt so viele Möglchkeiten und Kombinationen dass ich sicher nicht alles prüfen konnte. Außerdem habe ich ein paar Beispiele für die zusätzlichen Achsen und die neuen Formattierungen angehängt.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Ulm32b am 17 März 2018, 00:34:05
Gerne habe ich die neue Version getestet. Dieser Test beschränkt sich allerdings auf die Formatierung der x-Achse. Das Ergebnis kann sich sehen lassen, siehe Anhang. Nur ein kleiner Schönheitsfehler bleibt: In der Ansicht "1 Monat" fehlt der hintere Punkt in der Datumsangabe.

Nennenswerten Handlungsbedarf sehe ich hier nicht mehr. Aus meiner Sicht kann die Version ausgerollt werden. Sehr gute Arbeit.  :D
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: M.Piet am 23 April 2018, 21:45:04
Hallo Zusammen,

ich habe eine Verständisfrage:

Mein Log ist wie folgt aufgebaut:
2018-04-01_00:18:42 DS18S20_8CFA0C030800 temperature: 32.375
2018-04-01_00:19:42 DS18S20_8CFA0C030800 temperature: 32.1875
2018-04-01_00:20:43 DS18S20_8CFA0C030800 temperature: 31.9375
2018-04-01_00:21:43 DS18S20_8CFA0C030800 temperature: 31.75
2018-04-01_00:22:43 DS18S20_8CFA0C030800 temperature: 31.5625
2018-04-01_00:23:43 DS18S20_8CFA0C030800 temperature: 31.3125

Ich verstehe nicht ganz wie ich den "data-columnspec" definieren muss, damit er das Feld Temperatur auswertet. Mein Chart bleibt leer.
Danke für die kurze Hilfe. :)

Probiert habe ich es so: <div data-type="chart"
data-device="DS18S20_8CFA0C030800"
data-logdevice="S01Heizung_Vorlauf"
data-columnspec='["temperature:Temperatur"]'
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 24 April 2018, 23:49:21
Das Thema Columnspec habe ich hier:
https://forum.fhem.de/index.php/topic,59934.msg776909/topicseen.html#msg776909
 (https://forum.fhem.de/index.php/topic,59934.msg776909/topicseen.html#msg776909)
mal versucht zu erklären.

In Deinem Fall sollte ein
data-columnspect="4:temperature"
reichen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: M.Piet am 25 April 2018, 14:04:05
Super, danke dir. Das hat mir geholfen. :)
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: M.Piet am 03 Mai 2018, 12:17:56
Hallo Zusammen,

nur ein paar kleine Fragen, hoffe sie wurden noch nicht beantwortet...:

1) kann man die Legende dauerhaft sichtbar schalten? Mit "data-showlegend="true"" kann ich sie bei Start sichtbar machen, sie lässt sich aber ausblenden indem man auf "Legend" drückt
2) kann man die Buttons "Legend" und "Cursor" ausblenden?
3) Die Legende sortieren? In meinem Beispiel sind sie nicht in der Reihenfolge wir unter "data-legend=" angezeigt.

Ich danke euch. :)
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 03 Mai 2018, 14:07:34
Hallo Zusammen,

nur ein paar kleine Fragen, hoffe sie wurden noch nicht beantwortet...:

1) kann man die Legende dauerhaft sichtbar schalten? Mit "data-showlegend="true"" kann ich sie bei Start sichtbar machen, sie lässt sich aber ausblenden indem man auf "Legend" drückt
2) kann man die Buttons "Legend" und "Cursor" ausblenden?
3) Die Legende sortieren? In meinem Beispiel sind sie nicht in der Reihenfolge wir unter "data-legend=" angezeigt.

Ich danke euch. :)

zu 1) und 2): Das geht, indem Du dem div die CSS Klasse "nobuttons" gibst (<div class="nobuttons"...></div>) (siehe auch https://wiki.fhem.de/wiki/FTUI_Widget_Chart (https://wiki.fhem.de/wiki/FTUI_Widget_Chart))
zu 3): Die Sortierung entspricht schon der Reihenfolge, allerdings umgekehrt zu der Reihenfolge, in der Du die einzelnen Graphen (und damit auch data-legend) angibst (hat historische und Überlappungsgründe). Du musst also die Reihenfolge nur umdrehen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: M.Piet am 04 Mai 2018, 14:38:22
Hey eki. :)

Zu 1 und 2: damit werden aber alle Buttons ausgeblendet, also auch die zum Blättern und Zoomen. Aber nicht so schlimm, ich lasse sie dann einfach stehen.
Zu 3: perfekt, so mache ich es. Danke dir. :)

@eki: du hast mir bei den "data-columnspect" geholfen, habe es verstanden und es hat auch prima geklappt. Nun baue ich mir grad einen neuen Chart. Die Quelle sieht so aus:
2018-05-03_10:39:06 Tankstelle_BFT_Wolfhagen SuperE5: 1.40
2018-05-03_10:39:06 Tankstelle_BFT_Wolfhagen Diesel: 1.22
2018-05-03_10:46:02 Tankstelle_ARAL_Wolfhagen SuperE5: 1.43
2018-05-03_10:46:02 Tankstelle_ARAL_Wolfhagen Diesel: 1.26
2018-05-03_10:48:45 Tankstelle_Esso_Wolfhagen Diesel: 1.23

Mein data-columnspec sieht so aus:
data-columnspec='["4:Tankstelle_ARAL_Wolfhagen Diesel","4:Tankstelle_Esso_Wolfhagen Diesel","4:Tankstelle_BFT_Wolfhagen Diesel"]'
Der Chart soll nur Diesel anzeigen.
Da er Diesel und Super als eins annimmt, macht der Chart natürlich dauernd Sprünge...

Kann es sein das er das Leerzeichen nicht mag? In dem Chart taucht z.B. bei Aral Diesel und Super mit den Preisen auf auf, obwohl ich nur Diesel haben wollte. Ich könnte als Workaround einfach Diesel und Super in zwei verschiedene Logs schreiben lassen, aber vielleicht gibt es eine andere Lösung?

Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 04 Mai 2018, 16:02:34
Hey eki. :)

Zu 1 und 2: damit werden aber alle Buttons ausgeblendet, also auch die zum Blättern und Zoomen. Aber nicht so schlimm, ich lasse sie dann einfach stehen.

Wenn das für Dich wichtig ist, kann ich eine zweite Klasse einbauen, über die man nur die beiden Buttons ausblenden kann. In der Zwischenzeit könntest Du (als Würgaround) die Texte unsichtbar machen, indem Du im File ftui_chart.css folgende Änderung machst (die fill-opacity Zeile an dieser Stelle hinzufügst):
/* Definition for caption texts ('legend' and 'cursor') */
.caption {
font-size: 11px;
font-weight: bold;
fill-opacity: 0;
}
Die Texte sind dann immer noch da und können auch angeklickt werden, wenn man sie blind erwischt, aber sie sind nicht mehr zu sehen.

Zitat
Kann es sein das er das Leerzeichen nicht mag? In dem Chart taucht z.B. bei Aral Diesel und Super mit den Preisen auf auf, obwohl ich nur Diesel haben wollte. Ich könnte als Workaround einfach Diesel und Super in zwei verschiedene Logs schreiben lassen, aber vielleicht gibt es eine andere Lösung?

Deine Vermutung ist genau richtig, er kommt mit dem Leerzeichen nicht zurecht. Am einfachsten ist es, wenn Du das Leerzeichen durch einen Punkt ersetzt (der steht dann in der Regexp für irgendein einzelnes Zeichen, welches das Leerzeichen ja auch ist).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: M.Piet am 07 Mai 2018, 20:13:23
Hey Eki,
ne musst du nicht unbedingt, aber danke für das Angebot.

Mit dem Leerzeichen hat primar geklappt. Danke für deine Hilfe. :)
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Wasserwerk33 am 28 Mai 2018, 15:27:21
Hallo Leute

Meins sieht irgendwie so komisch aus. Kann mir einer sagen was ich ändern muss damit es nur ein strich gibt und nicht diese vielen.

<!DOCTYPE html>
<html>

<head>
    <!-- Template für Froststatus -->
</head>

<body>
<div data-type="popup" id="spritpreise" data-height="500px" data-width="1000px" data-return-time="300" data-draggable="false">
<div class="cell narrow top-space">
<div data-type="symbol"
    data-icon="fa-car"
data-color="white">
</div>
<div data-type="label">Raiffeisen</div>
<div class="center">
<div data-type="label"
data-device="Raiffeisen"                 
data-get="SuperE5"
     data-limits='[1.38,1.40,1.44]'
     data-colors='["Green","Yellow","Red"]'
data-unit="€"
     style="font-size:100%; margin-left:-15px;">
</div>
<div class="dialog">
<header style="background-color:#202020;">
<div class="sheet">
<div class="left" style="margin-left:50px; margin-top:10px; margin-bottom:10px; font-size:20px; color:white;">Spritpreise</div>
<div data-type="link" data-color="white" data-icon-left="fa-times" class="right bigger" style="margin-top:8px;" onclick="$('.dialog-close').trigger('click');"></div>
</div>
</header>
                 <table
                        <tr>
                            <td style="text-align:left;">
                                <div>Raiffeisen:</div>
                            </td>
                            <td style="text-align:right;">
                                <div data-type="label" data-device="Raiffeisen" data-get="SuperE5" data-unit=" Euro"
data-limits='[1.38,1.40,1.43,1.45]'
data-colors='["Green","Orange","Yellow","Red"]'></div>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align:left;">
                                <div>Jet:</div>
                            </td>
                            <td style="text-align:right;">
                                <div data-type="label" data-device="Jet" data-get="SuperE5" data-unit=" Euro"
data-limits='[1.38,1.40,1.43,1.45]'
data-colors='["Green","Orange","Yellow","Red"]'></div>
                            </td>
</tr>
                    </table>
</li>
<li data-row="1" data-col="6" data-sizex="12" data-sizey="7">
<div class="normal"
data-type="chart"
data-device='["Raiffeisen","Jet"]'
         data-logdevice='["FileLog_Spritpreise"]'
         data-columnspec='["4:Raiffeisen SuperE5","4:Jet SuperE5"]'
         data-style='["ftui l2","ftui l4"]'
         data-uaxis='["primary"]'
         data-legend='["Raiffeisen","Jet"]'
         data-ytext="Literpreis(Euro)"
         data-minvalue="1.30"
         data-maxvalue="1.66"
data-yticks="0.03"
data-height="350"
         data-yunit_sec=""
         data-ytext_sec=""
         data-yticks="auto"
         data-minvalue_sec="auto"
         data-maxvalue_sec="auto"
         data-daysago_start="0"
         data-daysago_end=""
         data-crosshair="true"
         data-cursorgroup="1"
         data-scrollgroup="1"
         data-showlegend="true"
         data-xticks="180"></div>
</div>
</li>
</div>
</body>
</html>

Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: wacholder am 28 Mai 2018, 20:47:26
Hallo zusammen,
in meinem Chart kann ich den Title kaum lesen, wie kann ich die Schriftfarbe und Größe ändern?

Ich vermute, das dieses über ein CSS File definiert wird, aber ich habe keine Ahnung, was ich dort reinschreiben muß. Ich kenne mich mit CSS (noch) nicht aus. Vielleicht könnt Ihr mir mal auf die Sprünge helfen?!

Vielen Dank!
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Ulm32b am 29 Mai 2018, 10:10:11
Ich vermute, das dieses über ein CSS File definiert wird, aber ich habe keine Ahnung, was ich dort reinschreiben muß. Ich kenne mich mit CSS (noch) nicht aus. Vielleicht könnt Ihr mir mal auf die Sprünge helfen?!

Hallo,
die Einstellungen finden sich in ftui_chart.css und sind dort ziemlich gut auskommentiert. Einfach mal ausprobieren. Nebenbei lernt man dabei css. Viel Erfolg.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 29 Mai 2018, 14:13:51
Hallo Leute

Meins sieht irgendwie so komisch aus. Kann mir einer sagen was ich ändern muss damit es nur ein strich gibt und nicht diese vielen.

<!DOCTYPE html>
<html>

<head>
    <!-- Template für Froststatus -->
</head>

<body>
<div data-type="popup" id="spritpreise" data-height="500px" data-width="1000px" data-return-time="300" data-draggable="false">
<div class="cell narrow top-space">
<div data-type="symbol"
    data-icon="fa-car"
data-color="white">
</div>
<div data-type="label">Raiffeisen</div>
<div class="center">
<div data-type="label"
data-device="Raiffeisen"                 
data-get="SuperE5"
     data-limits='[1.38,1.40,1.44]'
     data-colors='["Green","Yellow","Red"]'
data-unit="€"
     style="font-size:100%; margin-left:-15px;">
</div>
<div class="dialog">
<header style="background-color:#202020;">
<div class="sheet">
<div class="left" style="margin-left:50px; margin-top:10px; margin-bottom:10px; font-size:20px; color:white;">Spritpreise</div>
<div data-type="link" data-color="white" data-icon-left="fa-times" class="right bigger" style="margin-top:8px;" onclick="$('.dialog-close').trigger('click');"></div>
</div>
</header>
                 <table
                        <tr>
                            <td style="text-align:left;">
                                <div>Raiffeisen:</div>
                            </td>
                            <td style="text-align:right;">
                                <div data-type="label" data-device="Raiffeisen" data-get="SuperE5" data-unit=" Euro"
data-limits='[1.38,1.40,1.43,1.45]'
data-colors='["Green","Orange","Yellow","Red"]'></div>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align:left;">
                                <div>Jet:</div>
                            </td>
                            <td style="text-align:right;">
                                <div data-type="label" data-device="Jet" data-get="SuperE5" data-unit=" Euro"
data-limits='[1.38,1.40,1.43,1.45]'
data-colors='["Green","Orange","Yellow","Red"]'></div>
                            </td>
</tr>
                    </table>
</li>
<li data-row="1" data-col="6" data-sizex="12" data-sizey="7">
<div class="normal"
data-type="chart"
data-device='["Raiffeisen","Jet"]'
         data-logdevice='["FileLog_Spritpreise"]'
         data-columnspec='["4:Raiffeisen SuperE5","4:Jet SuperE5"]'
         data-style='["ftui l2","ftui l4"]'
         data-uaxis='["primary"]'
         data-legend='["Raiffeisen","Jet"]'
         data-ytext="Literpreis(Euro)"
         data-minvalue="1.30"
         data-maxvalue="1.66"
data-yticks="0.03"
data-height="350"
         data-yunit_sec=""
         data-ytext_sec=""
         data-yticks="auto"
         data-minvalue_sec="auto"
         data-maxvalue_sec="auto"
         data-daysago_start="0"
         data-daysago_end=""
         data-crosshair="true"
         data-cursorgroup="1"
         data-scrollgroup="1"
         data-showlegend="true"
         data-xticks="180"></div>
</div>
</li>
</div>
</body>
</html>

Vermutlich die Leerzeichen in der Columnspec. Bitte ersetze die Leerzeichen durch Punkte.

data-columnspec='["4:Raiffeisen.SuperE5","4:Jet.SuperE5"]'
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 29 Mai 2018, 14:18:13
Hallo,
die Einstellungen finden sich in ftui_chart.css und sind dort ziemlich gut auskommentiert. Einfach mal ausprobieren. Nebenbei lernt man dabei css. Viel Erfolg.

Am besten die Anpassungen nicht im File ftui_chart.css machen sondern in einem eigenen css File (siehe fhem_tablet_ui_user.css) sonst werden die Einstellungen beim nächsten Update überschrieben. Wie man den Titel sehr flexibel nach eigenen Wünschen gestalten kann ist am Anfang dieses Threads und im Wiki beschrieben.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 16 Juni 2018, 23:59:15
Guten Abend.
ich bin (mal wieder) an meine Grenzen gestoßen und bräuchte einen Tipp.
Ich möchte mir ein Chart auf folgender Basis zusammenbasteln:
- es geht um die ph- und Redox-Werte eines Schwimmbads
- diese ergeben nur Sinn, wenn die Filterpumpe läuft, was diese aber normalerweise nur ein paar Stunden pro Tag tut. Wenn die Pumpe nicht läuft, gibt es zwar auch ph- und Redox-Werte im Log, aber diese sind irrelevant, da quasi in "stehendem Gewässer" gemessen.
- Ich logge alle Werte (ph, Redox, Filterpumpe an/aus...)
Nun möchte ich eine Grafik, die die Werte für ph und Redox nur für die Zeiträume anzeigt, in denen auch die Filterpumpe lief; m.a.W.: alle ph- und Redox-Werte für Zeiträume, in denen die Pumpe nicht lief ("Pumpe: 0" im Log), sollen quasi ausgeblendet werden.

Ein Log-Eintrag sieht z.B. so aus:
2018-06-16_23:49:36 Pool uptimeTime: 1d00:27:34
2018-06-16_23:49:36 Pool poolControllerTime: 23:49
2018-06-16_23:49:36 Pool SW_Version: 1.6.9
2018-06-16_23:49:36 Pool PH+_Control: DISABLED
2018-06-16_23:49:36 Pool PH-_Control: enabled
2018-06-16_23:49:36 Pool Chlor_Control: enabled
2018-06-16_23:49:36 Pool pH+_consumption: 0
2018-06-16_23:49:36 Pool pH-_consumption: 96
2018-06-16_23:49:36 Pool Cl_consumption: 50.085
2018-06-16_23:49:36 Pool pH+_Rest: 100
2018-06-16_23:49:36 Pool pH-_Rest: 35.9
2018-06-16_23:49:36 Pool Cl_Rest: 28.2
2018-06-16_23:49:36 Pool n.a.: 0
2018-06-16_23:49:36 Pool n.a.: 0
2018-06-16_23:49:36 Pool n.a.: 0
2018-06-16_23:49:36 Pool n.a.: 0
2018-06-16_23:49:36 Pool n.a.: 0
2018-06-16_23:49:36 Pool n.a.: 0
2018-06-16_23:49:36 Pool n.a.: 0
2018-06-16_23:49:36 Pool n.a.: 0
2018-06-16_23:49:36 Pool TASTER4: 0
2018-06-16_23:49:36 Pool TASTER3: 0
2018-06-16_23:49:36 Pool Wasserstand: 1
2018-06-16_23:49:36 Pool Durchfluss: 0
2018-06-16_23:49:36 Pool n.a.: 0
2018-06-16_23:49:36 Pool n.a.: 0
2018-06-16_23:49:36 Pool n.a.: 0
2018-06-16_23:49:36 Pool n.a.: 0
2018-06-16_23:49:36 Pool Pumpe: 0
2018-06-16_23:49:36 Pool ph-: 0
2018-06-16_23:49:36 Pool Zelle: 0
2018-06-16_23:49:36 Pool Polaritaet: 0
2018-06-16_23:49:36 Pool n.a.: 0
2018-06-16_23:49:36 Pool n.a.: 0
2018-06-16_23:49:36 Pool n.a.: 0
2018-06-16_23:49:36 Pool n.a.: 0
2018-06-16_23:49:36 Pool n.a.: 0
2018-06-16_23:49:36 Pool n.a.: 0
2018-06-16_23:49:36 Pool Luft: 21.81
2018-06-16_23:49:36 Pool Wasser: 24.44
2018-06-16_23:49:36 Pool pH: 7.24
2018-06-16_23:49:36 Pool Redox: 726.94
2018-06-16_23:49:36 Pool CPU_Temp: 50.64
2018-06-16_23:49:36 Pool Brr: 0
2018-06-16_23:49:36 Pool Kesseldruck: -400
2018-06-16_23:49:36 Pool Grr: 191.38
2018-06-16_23:49:36 Pool Wassersensor: -6.48
2018-06-16_23:49:36 Pool Time: 5937
Kann ich das irgendwie über eine Regex bei der Graph-Anlage filtern?
Danke & Grüße
Martin

Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 18 Juni 2018, 14:44:27
Das geht aus meiner Sicht über userreadings am einfachsten. Die userreadings müssten nur dann den ph Wert etc. ablegen, wenn auch die Pumpe an ist und ansonsten eben nichts tun. Diese userreadings würden dann als Basis für den Plot genommen.

Das userreading für pH müsste so ähnlich aussehen:

attr <device> userReading pHCorr {if (ReadingsVal($NAME,"Pumpe","0") ne 0) return ReadingsVal($NAME,"pH","");;}
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 19 Juni 2018, 10:34:06
Vielen Dank, das werde ich mal ausprobieren. Parallel bastele ich gerade auch noch etwas am Poolcontroller-Modul herum, um Logging-Optionen zu integrieren.
Viele Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: FFHEM am 05 Juli 2018, 16:46:05
Hallo Eki,
vielen Dank für Deine tolle Arbeit!
Ist es möglich, mit einfachen Mitteln für z. B. einen Temperaturchart 2 konstante Linien zu zeichnen?
Das wurde auf Seite 16 in ähnlicher Weise schon einmal diskutiert, geht das auch durch je 1 Dummy-Variable?
Müsste das in einem eigenen div-Chart stehen? Stehe mit der Syntax auf dem Schlauch.
Soll so aussehen (gelbe Linien):




Gruß,
Friedhelm
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 10 Juli 2018, 15:09:47
Seite 16 ist keine Sinnvolle Angabe (hängt von Deinen Einstellungen für die Anzahl der topics pro Seite im Profil ab, bei mir hat der ganze Thread nur 7 Seiten).

Egal, das was Du willst kannst Du folgendermaßen machen:

Definiere jeweils einen dummy, der den oberen bzw. den unteren Wert als reading oder Attribut enthält (z.B. dummy1 mit Reading min und dummy2 mit Reading max).

Definiere einen LogProxy Device (siehe FHEM Commandref) mit Namen 'lp' (kann natürlich auch ein anderer Name sein, muss dann in meinem Beispiel unten entsprechend angepasst werden).

Definiere 2 zusätzliche Graphen in Deinem Chart (alles innerhalb eines div, das div steht immer für ein komplettes Chart, welches verschiedene Graphen enthalten kann, die dann über Werte in den Arrays für columnspec, ptype, style etc. festgelegt werden) folgendermaßen (die '...' stehen für die sonstigen Graphen, die Du noch definiert hast):

data-logdevice='[...,"lp","lp",...]'
data-columnspec='[..., "ConstY:ReadingsVal(\"dummy1\",\"min\",\"0\")", "ConstY:ReadingsVal(\"dummy2\",\"max\",\"0\")",...]'
data-ptype='[...,"lines","lines",...]'

Styles etc. kannst Du entsprechend definieren.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: FFHEM am 11 Juli 2018, 14:02:48
Danke, Eki!
(Tut mir leid, war mir mit den Seitennummern nicht bekannt).

Gruß,
Friedhelm
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: FFHEM am 11 Juli 2018, 15:01:33
Hallo Eki,
ich sehe den Wald vor lauter Bäumen nicht mehr. Ich möchte 2 Temperaturgraphen anzeigen, gleiche Skala, unterschiedliche Farben.
Leider wird statt 2 unterschiedl. gefärbten Kurven nur 1 Graph in 1 Farbe angezeigt, wobei die Fläche zwischen den Kurven aufgefüllt (korrigiert: durch Zickzacklinien schraffiert) wird, s. unten:
Den HTML-Code habe ich schon soweit abgestrapst wie möglich:

                       <div data-type="chart"
                         data-device="TH_1"
                         data-logdevice="FileLog_TH_1"
                         data-columnspec='["4:temperature_corr","4:temperature_corr_mavg"]'
                         data-legend='["Temperatur","Temp-mavg"]'
                         data-showlegend='true'
                         data-legendpos='["left","top"]'

                         data-width="45vw"
                         data-height="30vh"

                         data-style='["ftui l0","ftui l1"]'

                         data-yunit="°C"
                         data-minvalue="20"
                         data-maxvalue="28"
                                             >
                        </div>
Kannst Du mir einen Tipp geben?

Edit: Im SVG-Plot, den ich jetzt auch noch angehängt habe, sind die 2 unterschiedlichen Verläufe zu sehen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: FFHEM am 12 Juli 2018, 08:48:26
Habe mal den Chart gespreizt, und das sieht dann wie unten aus. Hellblau ist "temperature_corr_mavg", gelb soll eigentlich temperatur_corr sein. Es wird dann zum Zeichnen immer 1 Wert der anderen Temperatur genommen.
Was habe ich da falsch gemacht?

Die 2 Temperaturwerte liegen in dem Logfile aber eigentlich richtig vor (wichtig sind nur "temperatur_corr" und "temperature_corr_mavg")
Und im SVG-Plot wird es immer richtig angezeigt. Können die Namensähnlichkeiten (Namenslänge?) für eine Verwechslung sorgen?

Logfile von TH_1:
2018-07-12_07:48:18 TH_1 temperature: 25.2
2018-07-12_07:48:18 TH_1 humidity: 43
2018-07-12_07:48:18 TH_1 T: 25.2 H: 43
2018-07-12_07:48:18 TH_1 humidity_corr: 43.0
2018-07-12_07:48:18 TH_1 temperature_corr: 24.2
2018-07-12_07:48:18 TH_1 temperature_corr_mavg: 24.044
2018-07-12_07:50:25 TH_1 battery: ok
2018-07-12_07:50:25 TH_1 temperature: 25.3
2018-07-12_07:50:25 TH_1 humidity: 43
2018-07-12_07:50:25 TH_1 T: 25.3 H: 43
2018-07-12_07:50:25 TH_1 humidity_corr: 43.0
2018-07-12_07:50:25 TH_1 temperature_corr: 24.3
2018-07-12_07:50:25 TH_1 temperature_corr_mavg: 24.075
2018-07-12_07:52:33 TH_1 battery: ok
2018-07-12_07:52:33 TH_1 temperature: 25.3
2018-07-12_07:52:33 TH_1 humidity: 44
2018-07-12_07:52:33 TH_1 T: 25.3 H: 44
2018-07-12_07:52:33 TH_1 humidity_corr: 44.0
2018-07-12_07:52:33 TH_1 temperature_corr: 24.3
2018-07-12_07:52:33 TH_1 temperature_corr_mavg: 24.100
2018-07-12_07:54:40 TH_1 battery: ok
2018-07-12_07:54:40 TH_1 temperature: 25.2
2018-07-12_07:54:40 TH_1 humidity: 45
2018-07-12_07:54:40 TH_1 T: 25.2 H: 45
2018-07-12_07:54:40 TH_1 humidity_corr: 45.0
2018-07-12_07:54:40 TH_1 temperature_corr: 24.2
2018-07-12_07:54:40 TH_1 temperature_corr_mavg: 24.119
2018-07-12_07:56:47 TH_1 battery: ok
2018-07-12_07:56:47 TH_1 temperature: 25.1
2018-07-12_07:56:47 TH_1 humidity: 46
2018-07-12_07:56:47 TH_1 T: 25.1 H: 46
2018-07-12_07:56:47 TH_1 humidity_corr: 46.0
2018-07-12_07:56:47 TH_1 temperature_corr: 24.1
2018-07-12_07:56:47 TH_1 temperature_corr_mavg: 24.131
2018-07-12_07:58:54 TH_1 battery: ok
2018-07-12_07:58:54 TH_1 temperature: 25
2018-07-12_07:58:54 TH_1 humidity: 46
2018-07-12_07:58:54 TH_1 T: 25 H: 46
2018-07-12_07:58:54 TH_1 humidity_corr: 46.0
2018-07-12_07:58:54 TH_1 temperature_corr: 24.0
2018-07-12_07:58:54 TH_1 temperature_corr_mavg: 24.131
2018-07-12_08:01:01 TH_1 battery: ok
2018-07-12_08:01:01 TH_1 temperature: 24.8
2018-07-12_08:01:01 TH_1 humidity: 47
2018-07-12_08:01:01 TH_1 T: 24.8 H: 47
2018-07-12_08:01:01 TH_1 humidity_corr: 47.0
2018-07-12_08:01:01 TH_1 temperature_corr: 23.8
2018-07-12_08:01:01 TH_1 temperature_corr_mavg: 24.119
2018-07-12_08:03:09 TH_1 battery: ok
2018-07-12_08:03:09 TH_1 temperature: 24.7
2018-07-12_08:03:09 TH_1 humidity: 47
2018-07-12_08:03:09 TH_1 T: 24.7 H: 47
2018-07-12_08:03:09 TH_1 humidity_corr: 47.0
2018-07-12_08:03:09 TH_1 temperature_corr: 23.7
2018-07-12_08:03:09 TH_1 temperature_corr_mavg: 24.100
2018-07-12_08:05:16 TH_1 battery: ok
2018-07-12_08:05:16 TH_1 temperature: 24.7
2018-07-12_08:05:16 TH_1 humidity: 48
2018-07-12_08:05:16 TH_1 T: 24.7 H: 48
2018-07-12_08:05:16 TH_1 humidity_corr: 48.0
2018-07-12_08:05:16 TH_1 temperature_corr: 23.7
2018-07-12_08:05:16 TH_1 temperature_corr_mavg: 24.081
2018-07-12_08:07:23 TH_1 battery: ok
2018-07-12_08:07:23 TH_1 temperature: 24.6
2018-07-12_08:07:23 TH_1 humidity: 48
2018-07-12_08:07:23 TH_1 T: 24.6 H: 48
2018-07-12_08:07:23 TH_1 humidity_corr: 48.0
2018-07-12_08:07:23 TH_1 temperature_corr: 23.6
2018-07-12_08:07:23 TH_1 temperature_corr_mavg: 24.056
2018-07-12_08:09:30 TH_1 battery: ok
2018-07-12_08:09:30 TH_1 temperature: 24.5
2018-07-12_08:09:30 TH_1 humidity: 48
2018-07-12_08:09:30 TH_1 T: 24.5 H: 48
2018-07-12_08:09:30 TH_1 humidity_corr: 48.0
2018-07-12_08:09:30 TH_1 temperature_corr: 23.5
2018-07-12_08:09:30 TH_1 temperature_corr_mavg: 24.019
2018-07-12_08:13:45 TH_1 battery: ok
2018-07-12_08:13:45 TH_1 temperature: 24.5
2018-07-12_08:13:45 TH_1 humidity: 49
2018-07-12_08:13:45 TH_1 T: 24.5 H: 49
2018-07-12_08:13:45 TH_1 humidity_corr: 49.0
2018-07-12_08:13:45 TH_1 temperature_corr: 23.5
2018-07-12_08:13:45 TH_1 temperature_corr_mavg: 23.981
2018-07-12_08:15:21 TH_1 battery: ok
2018-07-12_08:15:21 TH_1 temperature: 24.4
2018-07-12_08:15:21 TH_1 humidity: 49
2018-07-12_08:15:21 TH_1 T: 24.4 H: 49
2018-07-12_08:15:21 TH_1 humidity_corr: 49.0
2018-07-12_08:15:21 TH_1 temperature_corr: 23.4
2018-07-12_08:15:21 TH_1 temperature_corr_mavg: 23.931
2018-07-12_08:17:28 TH_1 battery: ok
2018-07-12_08:17:28 TH_1 temperature: 24.5
2018-07-12_08:17:28 TH_1 humidity: 49
2018-07-12_08:17:28 TH_1 T: 24.5 H: 49
2018-07-12_08:17:28 TH_1 humidity_corr: 49.0
2018-07-12_08:17:28 TH_1 temperature_corr: 23.5
2018-07-12_08:17:28 TH_1 temperature_corr_mavg: 23.887
2018-07-12_08:19:35 TH_1 battery: ok
2018-07-12_08:19:35 TH_1 temperature: 24.5
2018-07-12_08:19:35 TH_1 humidity: 49
2018-07-12_08:19:35 TH_1 T: 24.5 H: 49
2018-07-12_08:19:35 TH_1 humidity_corr: 49.0
2018-07-12_08:19:35 TH_1 temperature_corr: 23.5
2018-07-12_08:19:35 TH_1 temperature_corr_mavg: 23.844
2018-07-12_08:21:42 TH_1 battery: ok
2018-07-12_08:21:42 TH_1 temperature: 24.5
2018-07-12_08:21:42 TH_1 humidity: 49
2018-07-12_08:21:42 TH_1 T: 24.5 H: 49
2018-07-12_08:21:42 TH_1 humidity_corr: 49.0
2018-07-12_08:21:42 TH_1 temperature_corr: 23.5
2018-07-12_08:21:42 TH_1 temperature_corr_mavg: 23.800
2018-07-12_08:23:49 TH_1 battery: ok
2018-07-12_08:23:49 TH_1 temperature: 24.5
2018-07-12_08:23:49 TH_1 humidity: 50
2018-07-12_08:23:49 TH_1 T: 24.5 H: 50
2018-07-12_08:23:49 TH_1 humidity_corr: 50.0
2018-07-12_08:23:49 TH_1 temperature_corr: 23.5
2018-07-12_08:23:49 TH_1 temperature_corr_mavg: 23.756
2018-07-12_08:25:56 TH_1 battery: ok
2018-07-12_08:25:56 TH_1 temperature: 24.5
2018-07-12_08:25:56 TH_1 humidity: 50
2018-07-12_08:25:56 TH_1 T: 24.5 H: 50
2018-07-12_08:25:56 TH_1 humidity_corr: 50.0
2018-07-12_08:25:56 TH_1 temperature_corr: 23.5
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 12 Juli 2018, 11:11:43
Deine regular Expression in der Columnspec ist das Problem. In dem Ausdruck hinter dem ersten Doppelpunkt (nach der Zahl, die festlegt, welche "Spalte" für den Wert verwendet wird) wird festgelegt, welche Zeilen aus dem Logfile herausgefiltert werden, um den Plot aufzubauen. Da Du dort bei der ersten Kurve nur "temperature_corr" stehen hast, findet er alle Zeilen mit temperature_corr und temperature_corr_mavg und macht daraus einen Plot, der immer zwischen den beiden Werten hin und her springt. Was Du tun musst, ist auch den ':' noch in die Regex mit einbauen. Das geht leider nicht direkt, da die Doppelpunkte ja erst mal als Trenner der verschiedenen Teile des Gesamtausdrucks dienen, sondern muss über eine Maskierung des Doppelpunktzeichens geschehen.

Lange Rede kurzer Sinn, mit folgender Columnspec sollte es klappen.

data-columnspec='["4:temperature_corr\\x3a","4:temperature_corr_mavg\\x3a"]'
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: FFHEM am 12 Juli 2018, 11:20:22
Eki, Du bist ein Ass!!!
Das war's! Hatte gerade schon die Variablen umbenannt, und dabei hatte es auch schon funktioniert, aber so weit war ich noch nicht!

Danke vielmals!

Gruß
Friedhelm
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 03 August 2018, 16:20:15
Hallo Eki,
Parallel bastele ich gerade auch noch etwas am Poolcontroller-Modul herum, um Logging-Optionen zu integrieren.
Habe jetzt fertig gebastelt und das Poolcontroller-Modul mit neuen Attributen ausgestattet, die es u.a. optional erlauben, die Logeinträge auf die Zeiten zu begrenzen, zu denen die Pumpe läuft. Das klappt auch, und die Logs werden dadurch schön schlank.
Problem bei der Visualisierung mit dem chart widget ist, dass es anscheinend keine Möglichkeit gibt, die Daten aus dem Log zu einem kontinuierlichen Graph zusammenzusetzen (ich will ja an der Kurve sehen, wie sich über die Tage ph- und Redoxwerte verändern). Wenn die Pumpe beispielsweise täglich von 02:00 bis 04:00 Uhr läuft, dann habe ich von 2-4 eine Kurve, von 04:00 bis 02:00 eine Lücke usw., was ja auch das normale Verhalten von Chart ist.
Gibt es da vielleicht doch einen Trick, um diese no-data-Lücken auszublenden bzw. eine Kurve einfach so erstellen, wie man es in Excel tun würde?
Beispiel für den Übergang von einem Tag auf den nächsten im Log ist:
2018-08-01_03:59:05 Pool PowerControl: 0
2018-08-01_03:59:05 Pool Wasserstand: 0
2018-08-01_03:59:05 Pool Durchfluss: 1.24
2018-08-01_03:59:05 Pool Pumpe: 1
2018-08-01_03:59:05 Pool ph-: 0
2018-08-01_03:59:05 Pool Zelle: 1
2018-08-01_03:59:05 Pool Polaritaet: 0
2018-08-01_03:59:05 Pool Luft: 26.44
2018-08-01_03:59:05 Pool Wasser: 29.38
2018-08-01_03:59:05 Pool pH: 7.20
2018-08-01_03:59:05 Pool Redox: 636
2018-08-01_03:59:05 Pool CPU_Temp: 67.96
2018-08-01_03:59:05 Pool Wassersensor: 7.28
2018-08-01_03:59:05 Pool Time: 827
2018-08-02_02:00:41 Pool PowerControl: 0
2018-08-02_02:00:41 Pool Wasserstand: 0
2018-08-02_02:00:41 Pool Durchfluss: 1.27
2018-08-02_02:00:41 Pool Pumpe: 1
2018-08-02_02:00:41 Pool ph-: 0
2018-08-02_02:00:41 Pool Zelle: 0
2018-08-02_02:00:41 Pool Polaritaet: 0
2018-08-02_02:00:41 Pool Luft: 26.75
2018-08-02_02:00:41 Pool Wasser: 29.12
2018-08-02_02:00:41 Pool pH: 7.07
2018-08-02_02:00:41 Pool Redox: 436.50
2018-08-02_02:00:41 Pool CPU_Temp: 56.46
2018-08-02_02:00:41 Pool Wassersensor: -6.49
2018-08-02_02:00:41 Pool Time: 512
Danke & Grüße
Martin

Edit: Habe es jetzt mal mit data-xticks="1440" und data-daysago_start="10" data-daysago_end="-1" versucht, aber das pappt mir die Werte während der Pumpenlaufzeit auch nicht ordentlich aneinander..
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 03 August 2018, 16:30:56
Ich verstehe noch nicht so ganz wo Dein Problem liegt. Willst Du, dass sozusagen eine Linie vom letzten gültigen Wert des dargestellten Bereiches (z.B. ein Tag) zu Werten, die außerhalb dieses Bereiches liegen gezogen wird? Das geht typischerweise über logproxy und den parameter extend in der columnspec. Kannst Du mal ein Beispiel für Deine HTML Konfigurationsdatei und für den Plot schicken.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 03 August 2018, 16:47:47
Eki,
was ich möchte, dass die Chart die Werte zwischen 02:00 und 04:00 vom 1.8. darstellt und dann direkt mit den Werten von 02:00 bis 04:00 vom 2.8. fortführt, dann mit denen  vom 3.8. usw. usw., wobei die Uhrzeiten je nach Poolprogrammierung variieren können.
Die Redox-Chart ist beispielsweise so definiert:
<header>Pool</header>
<div class="big"
data-type="chart"
data-device="Pool"
data-logdevice='["FileLog_Pool"]'
data-columnspec='["4:Pool.Redox:"]'
data-style='["ftui l0"]'
data-ptype='["lines"]'
data-uaxis='["primary"]'
data-legend='["Redox"]'
data-yunit="mV"
data-ytext=""
data-minvalue="auto"
data-maxvalue="auto"
data-yunit_sec="%"
data-ytext_sec="Percentage"
data-yticks="auto"
data-minvalue_sec="auto"
data-maxvalue_sec="auto"
data-daysago_start="5"
data-daysago_end="-1"
data-crosshair="true"
data-cursorgroup="1"
data-scrollgroup="1"
data-showlegend="true"
data-xticks="1440">
</div>
Das sieht dann so aus wie in der angehängten Grafik.
Was ich bräuchte sind die quasi-horizontale Scheitelchen der Zacken (die die Werte während der Pumpenlaufzeit, im Bsp. 02:00-04:00 Uhr, darstellen) als kontinuierliche Chart.
Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 03 August 2018, 18:23:03
Was mir gerade (unterwegs) einfällt: Wenn im Log nur das Datum, aber nicht die Uhrzeit stehen würde: Würde das chart widget das als eine durchgängigen Kurve anzeigen?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 04 August 2018, 06:01:07
Guten Morgen,
sorry, dass ich gleich noch mit einer zweiten Frage komme, aber seit ich gestern bei den Heizungsthermostaten zwei Kurven pro Chart angelegt habe, bekomme ich beim Bewegen des Crosshair-Cursors (iPad) die angehängten Fehler, allerdings erst, wenn ich innerhalb von ftui auf eine andere Seite wechsele (ich nutze Pagetab). M.a.W.: Wenn ich ftui aufrufe und auf derselben Seite bleibe, tritt der Fehler nicht auf. Wenn ich zu einer anderen Seite wechsele und im Browser reloade, ebenfalls nicht.
Funktionieren tut die Crosshair-Anzeige im einen wie im anderen Fall korrekt.
Bsp. für eine Chart-Definition:
<div class="big"
         data-type="chart"
         data-height="280"
         data-device='["THERMOSTAT_WZ_Climate","KS300"]'
         data-logdevice='["FileLog_THERMOSTAT_WZ_Climate","FileLog_KS300"]'
         data-columnspec='["4:measured-temp:","4:T"]'
         data-style='["ftui l0","ftui l3"]'
         data-ptype='["lines","lines"]'
         data-uaxis='["primary","primary"]'
         data-yunit="°C"
         data-ytext=""
         data-legend='["innen","aussen"]'
         data-minvalue="auto"
         data-maxvalue="auto"
         data-yunit_sec=""
         data-ytext_sec=""
         data-yticks="auto"
         data-minvalue_sec="auto"
         data-maxvalue_sec="auto"
         data-daysago_start="0.5"
         data-daysago_end=""
         data-crosshair="true"
         data-cursorgroup="1"
         data-scrollgroup="1"
         data-showlegend="false"
         data-xticks="360"
>
Änderungen in der css (Fontart und -größe)
/* Definition for crosshair cursor */
.crosshair {
stroke: #bababa;
background: #fff;
stroke-width: 1px;
fill: #bababa;
font-size: 26px;
font-family: Arial, Helvetica, sans-serif;
}
Was könnte das sein?
Danke & Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 06 August 2018, 09:26:29
Hallo Martin,

Zur Darstellung der Pooldaten:
Ich verstehe leider immer noch nicht wirklich was Dein Problem ist. Du hast ja einen Log Auszug gepostet. Dort ist der letzte Wert für Redox am 1.8. um 3:59:05 636 und der nächste Wert, der für Redox auftaucht, ist am 2.8. um 02:00:41 der Wert 436.50. Wenn ich mir den zugehörigen Bereich des Charts anschaue, dann wird genau das dargestellt und zwischen diesen beiden Werten eben eine gerade Linie gezogen.
Was genau soll denn Anderes passieren? Willst Du, dass diese Verbindungslinie weggelassen wird und der Plot erst wieder bei dem ersten Wert für den nächsten Tag weiter gezeichnet wird (woher soll das Programm wissen, welche Teile gezeichnet werden sollen und welche nicht)? Falls es das ist, könntest Du statt Linien Punkte verwenden (data-ptype="points") oder steps (data-type="steps" oder fsteps oder histeps).

Zu dem Problem mit den Fehlermeldungen:
Um das nachvollziehen und reparieren zu können, bräuchte ich von Dir das genutzte HTML mit den Pagetabs (das verwende ich selbst nicht und kann es daher bei mir nicht nachstellen), damit ich das bei mir reproduzieren kann. Vorher könntest Du aber noch mal schauen, was passiert, wenn Du auf die neueste Version von widget_chart.js updatest (die, die mit dem ftui update aktuell mitgeliefert wird).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 06 August 2018, 11:13:40
Hallo Eki,
Auch nach ftui Update bleibt das Problem bestehen.
Zu dem Problem mit den Fehlermeldungen:
Um das nachvollziehen und reparieren zu können, bräuchte ich von Dir das genutzte HTML mit den Pagetabs (das verwende ich selbst nicht und kann es daher bei mir nicht nachstellen), damit ich das bei mir reproduzieren kann. Vorher könntest Du aber noch mal schauen, was passiert, wenn Du auf die neueste Version von widget_chart.js updatest (die, die mit dem ftui update aktuell mitgeliefert wird).
Hier meine index.html:
<!DOCTYPE html>
<html>
<head>
   <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
   <meta name="widget_base_width" content="74">
   <meta name="widget_base_height" content="73">
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
   <meta name="longpoll_type" content="ajax">
   <meta name="longpoll_filter" content=".*">
   <meta name="longpoll_maxage" content="240">
   <meta name="shortpoll_interval" content="10">
   <meta name="debug" content="1"> <!-- 1=output to console;0=not output -->
   <meta http-equiv="Cache-Control" content="no-store" />
   <meta name="apple-mobile-web-app-status-bar-style" content="default">
   <meta name="mobile-web-app-capable" content="yes">

    <link rel="apple-touch-icon" href="/fhem/tablet/custom-icon.png" />
    <link rel="stylesheet" href="/fhem/tablet/lib/jquery.gridster.min.css" />
    <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui.css" />
    <link rel="stylesheet" href="/fhem/tablet/lib/font-awesome.min.css" />
    <link rel="stylesheet" href="/fhem/tablet/lib/jquery.toast.min.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/openautomation.css" />
    <link rel="stylesheet" href="/fhem/tablet/lib/fhemSVG.css" />
    <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-user.css" />

    <script src="/fhem/pgm2/jquery.min.js" defer></script>
    <script src="/fhem/tablet/lib/jquery.toast.min.js" defer></script>
    <script src="/fhem/tablet/lib/jquery.gridster.min.js" defer></script>
    <script src="/fhem/tablet/js/fhem-tablet-ui.min.js" defer></script>


    <title>FHEM-Tablet-UI</title>
</head>
<body>
    <div class="gridster">
        <ul>
            <li data-row="1" data-col="1" data-sizex="1" data-sizey="9" class="semitransparent" data-template="menu.html"></li>
        </ul>
    </div>
</body>
</html>

menu.html:
<html>
<body>

<div data-type="pagetab" data-url="start.html"  data-icon="fa-arrow-up" class="big"></div>
<div data-type="pagetab" data-url="terrassen.html"  data-icon="fa-arrow-right" class="top-narrow big"></div>
<div data-type="pagetab" data-url="unten.html"  data-icon="fa-arrow-down" class="top-narrow big"></div>
        <div data-type="pagetab" data-url="sub2.html"  data-icon="fa-tv" class="top-narrow big"></div>
<div data-type="pagetab" data-url="sub5.html"  data-icon="fa-soundcloud" class="top-narrow big"></div>
<div data-type="pagetab" data-url="music.html"  data-icon="fa-music" class="top-narrow big"></div>
<div data-type="pagetab" data-url="sub_pool.html"  data-icon="fa-life-ring" class="top-narrow big"></div>
<div data-type="pagetab" data-url="settings.html"  data-icon="fa-cogs" class="top-narrow big"></div>
<div data-type="pagetab" data-url="unten_ipad.html"  data-icon="fa-mobile fa-rotate-90 fa-2x" class="top-narrow big"></div>
        <div class="top-space">
<div data-type="clock" data-format="H:i" class="large"></div>
<div data-type="clock" data-format="d.n.Y" class="small"></div>
        </div>
<div data-type="label"
data-device="KS300"
data-part="2"
data-limits='[-73,10,23]'
data-colors='["#6699FF","#AA6900","#FF0000"]'
data-unit=" &deg;C"
class="large top-space">
</div>

<div data-type="symbol"
data-device="Regensensor_Regen"
data-states='["rain","dry"]'
data-icons='["oa-weather_rain","oa-weather_sun"]'
data-on-colors='["white","orange"]'
class="">
</div>
<div data-type="symbol"
data-get-on="armed"
data-get-off="disarmed"
data-icon="fa-dot-circle-o"
data-device="alarm_status_d"
data-on-color="red"
data-off-color="black"
class="blink">
</div>

</body>
</html>
Und auf den Seiten sieht das dann z.B. so aus (start.html):
<html>
<title>WOHNZIMMER</title>
<head>
<!--  <meta name="longpoll" content="1">
   <meta name="longpoll_type" content="websocket">
   <meta name="longpoll_filter" content=".*">
   <meta name="longpoll_maxage" content="240">
   <meta name="shortpoll_interval" content="10"> -->
</head>
<body>
<div class="gridster">
<ul>
<li data-row="7" data-col="2" data-sizex="2" data-sizey="3" class="semitransparent">
<header class="semitransparent">WOHNZIMMER</header>
  <div data-type="popup" data-height="600px" data-width="950px" data-draggable="false">

  <div data-type="range" data-device="THERMOSTAT_WZ_Climate"
           data-high="measured-temp" data-width="15"
           data-max="30" data-min="10" data-height="190"
           data-limit-low="16" data-limit-high="22"
           data-color-low="blue" data-color="green" data-color-high="red" class="left top-space left-space-2x"></div>
     
     
  <div class="container left left-space">
<div data-type="label"
data-device="THERMOSTAT_WZ_Climate"
data-get="measured-temp"
data-limits='[-73,19,23]'
data-colors='["#6699FF","#aa6900","#bb6242"]'
data-unit="%B0C%0A"
class="big top-space">
</div>

<div class="top-space-2x">Soll:</div>
<div data-type="label"
data-device="THERMOSTAT_WZ_Climate"
data-get="desired-temp"
data-limits='[-73,19,23]'
data-colors='["#6699FF","#aa6900","#bb6242"]'
data-unit="%B0C%0A"
class="narrow large thin">
</div>
        <div class="top-space">Feuchtigkeit:</div>
<div data-type="label"
data-device="THERMOSTAT_WZ_Climate"
data-get="humidity"
data-limits='[0,40,60]'
data-colors='["#bb6242","#aa6900","#bb6242"]'
data-unit="%"
class="narrow large thin">
</div>

<div data-type="symbol"
data-device="THERMOSTAT_WZ"
data-get="batteryLevel"
data-states='["3.[0-9]","2.[789]","2.[456]","2.[123]","((2.0)|([01].[0-9]))"]'
data-icons='["fa-battery-4","fa-battery-3","fa-battery-2","fa-battery-1","fa-battery-0"]'
data-colors='["#505050","#505050","#505050","#ad3333","#ad3333"]'
class="small">
</div>
<div data-type="label"
data-device="THERMOSTAT_WZ_Climate"
data-get="controlMode"
data-limits='[0,40,60]'
data-colors='["#bb6242","#aa6900","#bb6242"]'
data-unit=""
class="large thin narrow">
</div>
</div>
   
   
<div class="dialog">
          <header>TEMPERATUR WOHNZIMMER EINSTELLEN</header>
 <div class="container">
<div data-type="spinner"
                data-device="THERMOSTAT_WZ_Climate"
                data-min="10"
                data-max="24"
                data-unit="°"
data-step="0.5"
data-gradient-color='["blue","red"]'
data-get="desired-temp"
data-set="desired-temp"
data-width="350"
data-height="100"
data-longdelay="1000"
                class="value big left">
            </div>
           
<div class="big left top-space left-space-2x">Ist:
</div>
<div data-type="label"
data-device="THERMOSTAT_WZ_Climate"
data-get="measured-temp"
data-limits='[-73,19,23]'
data-colors='["#6699FF","#aa6900","#bb6242"]'
data-unit="%B0C%0A"
class="cell tall left">
</div>

          <div class="big narrow top-space left">Betriebsart:</div>
          <div data-type="select"
data-device="THERMOSTAT_WZ_Climate"
data-items='["auto","manual","boost","day","night"]'
data-get="controlMode"
data-set="controlMode"
class="cell left">
</div>

</div>

<div class="container inline">
      <div data-type="range" data-device="HT_WZ_LI_Clima"
           data-high="measured-temp" data-width="9"
           data-max="30" data-min="10" data-height="120"
           data-limit-low="16" data-limit-high="22"
           data-color-low="blue" data-color="green" data-color-high="red" class="left-space-2x"></div>

  <div data-type="label"
data-device="HT_WZ_LI_Clima"
data-get="measured-temp"
data-limits='[-73,19,23]'
data-colors='["#6699FF","#aa6900","#bb6242"]'
data-unit="%B0C%0A"
class="top-space large thin">
</div>
<div class="">
<div data-type= "symbol" data-icon="fa-cog" class="small inline"></div>
<div data-type="label"
data-device="HT_WZ_LI_Clima"
data-get="ValvePosition"
data-limits='[0,40,60]'
data-colors='["#bb6242","#aa6900","#bb6242"]'
data-unit="%"
class="inline large thin">
</div>
</div>
  <div data-type="symbol"
data-device="HT_WZ_LI"
data-get="batteryLevel"
data-states='["3.[0-9]","2.[789]","2.[456]","2.[123]","((2.0)|([01].[0-9]))"]'
data-icons='["fa-battery-4","fa-battery-3","fa-battery-2","fa-battery-1","fa-battery-0"]'
data-colors='["#505050","#505050","#505050","#ad3333","#ad3333"]'
class="small narrow">
</div>
    <div class="inline large thin">Links</div>
      </div>
<div class="container inline top-space">
      <div data-type="range" data-device="HT_WZ_RE_Clima"
           data-high="measured-temp" data-width="9"
           data-max="30" data-min="10" data-height="120"
           data-limit-low="16" data-limit-high="22"
           data-color-low="blue" data-color="green" data-color-high="red" class="left-space-2x"></div>

  <div data-type="label"
data-device="HT_WZ_RE_Clima"
data-get="measured-temp"
data-limits='[-73,19,23]'
data-colors='["#6699FF","#aa6900","#bb6242"]'
data-unit="%B0C%0A"
class="top-space large thin">
</div>
<div class="">
<div data-type= "symbol" data-icon="fa-cog" class="small inline"></div>
<div data-type="label"
data-device="HT_WZ_RE_Clima"
data-get="ValvePosition"
data-limits='[0,40,60]'
data-colors='["#bb6242","#aa6900","#bb6242"]'
data-unit="%"
class="inline large thin">
</div>
</div>
  <div data-type="symbol"
data-device="HT_WZ_RE"
data-get="batteryLevel"
data-states='["3.[0-9]","2.[789]","2.[456]","2.[123]","((2.0)|([01].[0-9]))"]'
data-icons='["fa-battery-4","fa-battery-3","fa-battery-2","fa-battery-1","fa-battery-0"]'
data-colors='["#505050","#505050","#505050","#ad3333","#ad3333"]'
class="small narrow">
</div>
    <div class="inline large thin">Rechts</div>
      </div>

   <div class="big"
data-type="chart"
data-height="280"
        data-device='["THERMOSTAT_WZ_Climate","KS300"]'
         data-logdevice='["FileLog_THERMOSTAT_WZ_Climate","FileLog_KS300"]'
         data-columnspec='["4:measured-temp:","4:T"]'
         data-style='["ftui l0fill","ftui l5fill"]'
         data-ptype='["lines","lines"]'
         data-uaxis='["primary","primary"]'
         data-yunit="°C"
         data-ytext=""
         data-legend='["innen","aussen"]'
         data-minvalue="auto"
         data-maxvalue="auto"
         data-yunit_sec=""
         data-ytext_sec=""
         data-yticks="auto"
         data-minvalue_sec="auto"
         data-maxvalue_sec="auto"
         data-daysago_start="0.5"
         data-daysago_end=""
         data-crosshair="true"
         data-cursorgroup="1"
         data-scrollgroup="1"
         data-showlegend="true"
         data-xticks="360"
>
</div>
  </div>
</div>
</li>
</ul>
</div>
</body>
</html>
Die Charts sind jeweils in Popups.
Der Fehler tritt BTW nicht nur unter iOS auf, sondern auch im Desktop-Chrome.
Danke & Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 06 August 2018, 11:46:45
Hallo Eki,
Ich verstehe leider immer noch nicht wirklich was Dein Problem ist. Du hast ja einen Log Auszug gepostet. Dort ist der letzte Wert für Redox am 1.8. um 3:59:05 636 und der nächste Wert, der für Redox auftaucht, ist am 2.8. um 02:00:41 der Wert 436.50. Wenn ich mir den zugehörigen Bereich des Charts anschaue, dann wird genau das dargestellt und zwischen diesen beiden Werten eben eine gerade Linie gezogen.
Was genau soll denn Anderes passieren? Willst Du, dass diese Verbindungslinie weggelassen wird und der Plot erst wieder bei dem ersten Wert für den nächsten Tag weiter gezeichnet wird (woher soll das Programm wissen, welche Teile gezeichnet werden sollen und welche nicht)? Falls es das ist, könntest Du statt Linien Punkte verwenden (data-ptype="points") oder steps (data-type="steps" oder fsteps oder histeps).
Was ich erreichen möchte ist eine Kurve, die ausschließlich Werte zeigt, die in einem bestimmten Zeitraum (im Bsp. 02:00-04:00) gemessen werden und *nicht* "unterbrochen" wird von Werten (bzw. Nicht-Werten) aus dem restlichen Zeitraum (im Bsp. 04:00-02:00). Da es nach Anspringen der Filterpumpe eine Weile dauert, bis der korrekte Redoxwert in der Messzelle sich eingependelt hat, wäre es sogar noch besser, den Zeitraum noch weiter einzugrenzen, im Beispiel etwa auf 03:00-04:00.
Mit diesen Werten hätte ich dann gern einen Plot. Dazu müsste aber die x-Achse wohl nicht stur chronologisch sein.
In Excel würde das mit diesen (manuell vorbereinigten) Daten z.B. wie in der angehängten Grafik aussehen:
2018-07-20_03:00:15 637,31
2018-07-20_03:08:15 636,75
2018-07-20_03:16:15 636,06
2018-07-20_03:24:16 635,75
2018-07-20_03:32:16 635,12
2018-07-20_03:40:16 634,81
2018-07-20_03:48:16 634,81
2018-07-20_03:56:16 634,44
2018-07-21_03:04:21 626,06
2018-07-21_03:12:21 625,69
2018-07-21_03:20:21 623,69
2018-07-21_03:28:21 623,25
2018-07-21_03:36:21 622,25
2018-07-21_03:44:21 621,62
2018-07-21_03:52:21 621,31
2018-07-24_03:00:15 625,06
2018-07-24_03:08:15 624,75
2018-07-24_03:16:15 624,5
2018-07-24_03:24:15 624,62
2018-07-24_03:32:15 624,44
2018-07-24_03:40:15 624,31
2018-07-24_03:48:15 624,12
2018-07-24_03:56:15 624,06
2018-07-25_03:04:20 614,81
2018-07-25_03:12:20 614,06
2018-07-25_03:20:20 613
2018-07-25_03:28:20 612,19
2018-07-25_03:36:20 610,94
2018-07-25_03:44:20 608,69
2018-07-25_03:52:20 607
2018-07-26_03:00:28 628,31
2018-07-26_03:08:26 627,5
2018-07-26_03:16:26 626,81
2018-07-26_03:24:26 625,12
2018-07-26_03:32:26 624,25
2018-07-26_03:40:26 623,38
2018-07-26_03:48:26 622,31
2018-07-26_03:56:26 621,69
2018-07-27_03:11:03 656,75
2018-07-27_03:27:03 659,81
2018-07-27_03:43:03 662,06
2018-07-27_03:59:04 663,56
2018-07-28_03:15:09 670,62
2018-07-28_03:31:09 670,75
2018-07-28_03:47:09 670,56
2018-07-29_03:03:17 642,62
2018-07-29_03:19:17 646,38
2018-07-29_03:35:17 647,56
2018-07-29_03:51:17 648,44
2018-07-30_03:07:24 633,75
2018-07-30_03:23:24 635,62
2018-07-30_03:39:24 634,94
2018-07-30_03:55:24 632,75
2018-07-31_03:11:00 608,94
2018-07-31_03:27:00 606,75
2018-07-31_03:43:00 605,31
2018-07-31_03:59:00 603,44
2018-08-01_03:15:05 640,44
2018-08-01_03:31:05 638,25
2018-08-01_03:47:05 636,81
2018-08-02_03:03:11 652,25
2018-08-02_03:19:11 652,25
2018-08-02_03:35:11 653
2018-08-02_03:51:11 651,31
2018-08-03_03:07:18 660,31
2018-08-03_03:23:18 660,06
2018-08-03_03:39:18 659,31
2018-08-03_03:55:18 659,25
Krieg ich das irgendwie mit dem Chart Widget abgebildet?
Danke & Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 06 August 2018, 17:16:45
OK, jetzt habe ich es hoffentlich auch kapiert (manchmal sitzt man einfach auf dem Schlauch). Ich sehe mehrere Möglichkeiten:

1. Du könntest über ein notify dafür sorgen, dass bei dem Device zusätzliche Readings entstehen, die entsprechend geclipped sind und diese dann zum Plotten nehmen.
Definiere ein notify folgendermaßen (<device> natürlich durch den Namen Deines Devices ersetzen):
define nft_clipReading notify <device> {
  my @readings2Clip = split(/\s+/,AttrVal($NAME,"readings2Clip","0"));
  my $minClip = AttrVal("$NAME","minClip","00:00:00");
  my $maxClip = AttrVal("$NAME","maxClip","23:59:59");
 
  foreach my $reading (@readings2Clip) {
    if ($reading) {
      my $val = ReadingsVal("$NAME",$reading,"");
      my ($ymd,$time) = split(/\s+/,ReadingsTimestamp("$NAME",$reading,"00:00:00"));
      Log3 undef, 5, "Reading ".$reading." at ".$time;
      fhem ("setreading ".$NAME." ".$reading."_clipped ".$val) if (($time ge $minClip) && ($time le $maxClip));
    }
  }
}
Zusätzlich setzt Du z. B. in dem device folgende Attribute:
attr <device> userattr minClip maxClip readings2Clip
attr <device> minClip 02:01:00
attr <device> maxClip 03:55:00
attr <device> readings2Clip Redox Wassertemperatur
Dann werden bei dem Device die Readings Redox_clipped und Wassertemperatur_clipped erzeugt, die nur Werte enthalten, die zwischen minClip und maxClip liegen und die kannst Du dann plotten.

2. LogProxy mit eigener Funktion
Das müsstest Du Dir anhand der Beschreibung zu logProxy selbst zusammen basteln. Für einen Perl Crack sicher kein Problem, ich habe dazu aber aktuell leider zu wenig Zeit (und außerdem ist das Wetter zu schön  ;) ).

3. Einbau eines Clipping in das chart Widget
Sollte nicht so kompliziert sein, wird aber ein wenig dauern, da ich aktuell noch anderweitig (mit dem Karten Widget) beschäftigt bin und auch noch eine andere Baustelle beim Chart habe (und außerdem ist das Wetter zu schön  ;) ).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 06 August 2018, 22:39:47
Vielen Dank Eki, das werde ich ausprobieren. Zwischenzeitlich hatte ich daran gedacht, ein zweites Log mit einer auf den Timestamp abzielenden RegEx zu nutzen, musste dann aber feststellen, dass die FielLog-RegEx anscheinend nicht auf den Timestamp eines Events anwendbar sind.
Und: Wie schönes Wetter??? Hier in Süddeutschland gehst Du mal eben kurz ins Freie, und schwups: Alles Eiweiss im Gehirn ist geronnen... Da wünscht man sich doch einen schattigen, abgedunkelten Schreibtisch zum Programmieren  8)
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 07 August 2018, 16:19:52
Hallo Eki,
Dann werden bei dem Device die Readings Redox_clipped und Wassertemperatur_clipped erzeugt, die nur Werte enthalten, die zwischen minClip und maxClip liegen und die kannst Du dann plotten.
Ich habe das jetzt mal in alle möglichen Richtungen ausprobiert, bin aber etwas versackt im verminten event-on-change-reading-Gebiet.
Die _clipped-Werte kamen nämlich nichts ins Log, obwohl sie beim Device angezeigt wurden. Nach ein bisschen Recherche scheint es so zu sein, dass mindestens ein event-on-change-reading auf ein normales Reading gesetzt sein muss, damit solche User-generierten Readings (ebenso wie auch UserReadings) ins Log kommen:
es muss mindestens event-on-change-reading gesetz sein damit das event generiert wird. das ist eine readingsProxy besonderheit. und je nach anforderung event-on-update-reading zusätzlich.
Danach ging es jedenfalls. Allerdings wurden dann ausschließlich die Werte gelogged, für die ich das event-on-change-reading gesetzt hatte, alle anderen nicht mehr. Warum ist mir nicht so ganz klar.
EDIT: Nein, es ging nicht. also Redox_clipped und Wassertemperatur_clipped erscheinen nicht im Log, sondern nur Redox und Wassertemperatur.

Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 08 August 2018, 12:17:15
Ich hab es jetzt mal mit
attr Pool userReadings MyRedox:Redox.* {if (TimeNow() =~ /\s03:/) { ReadingsVal("Pool","Redox",0);}}anscheinend so weit gelöst, dass es funktioniert. Ist aber noch im Probelauf. Außerhalb der gewollten Zeiten schreibt es MyRedox mit Timestamp, aber ohne Wert ins Log, da weiß ich jetzt noch nicht, wie sich das beim Plotten auswirkt...
Eki: Hast Du gesehen, dass ich w.o. die Pagetab-Infos usw. wegen der Fehlermeldung geposted hatte? Eilt nicht, aber da es ja ab morgen eh Winter wird ;)
Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 08 August 2018, 13:43:20
Hi Eki,
Vorher könntest Du aber noch mal schauen, was passiert, wenn Du auf die neueste Version von widget_chart.js updatest (die, die mit dem ftui update aktuell mitgeliefert wird).
Kann es sein, dass die neueste Version ein Problem mit der Crosshair-Box unter der x-Achse hat (die mit der Tag-Monat-Uhrzeit-Anzeige)? Die bleibt bei meinen Charts jetzt leer (=schwarz). An der CSS liegt es nicht, es muss die .js sein, denn wenn ich die vorherige reinkopiere, geht es.
In Zeile 1772 hat es da anscheinend eine Änderung gegeben (tarr = widget_chart.getDateTimeNumberString(tx,data.timeformat);), aber ich habe k.A., ob das damit zusammenhängt.
Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 09 August 2018, 09:26:41
Ich habe jetzt mal eine Zwischenversion zum testen gemacht und anghängt, bitte probier mal. Sollte sowohl die beschriebenen Fehlermeldungen nicht mehr zeigen, als auch das Problem mit der Cursor Anzeige der X-Werte gelöst haben. Am Clipping bin ich noch dran, ist, wenns richtig gelöst werden soll, leider ein bisschen knifflig.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 09 August 2018, 10:33:57
Hallo Eki,
super, beide Probleme sind behoben, vielen Dank. Kosmetisch: Der Inhalt der Crosshair-Box ragt bei mir etwas über den Rahmen hinaus (s. Screenshot), vermutlich, weil ich die Schrift deutlich vergrößert habe. Aber damit kann ich bestens leben.
Was das Log-seitige Clipping per Userreadings betrifft: mit dem Zusatz else undef, auf den mich mumpitzstuff dankenswerterweise aufmerksam gemacht hat, scheint das jetzt zu funktionieren:
MyRedox:Redox.* {if (TimeNow() =~ /\s09:/) { ReadingsVal("Pool","Redox",0);} else {undef}}Eleganter wäre das natürlich, wenn man die Clipping-Option im Chart Widget hätte, aber eilt nicht.
Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: netwalk am 14 August 2018, 10:10:34
Hallo,

mir ist aufgefallen, dass die Darstellung der Charts nicht den Werten aus dem Log-File entspricht. Es ergibt sich ein Versatz (im Beispiel max. 23°C im Log, 22°C im Chart, wobei der max. Wert in der Überschrift korrekt angezeigt wird):

2018-08-13_14:23:36 ths.au.Aussen temperature: 22.5
2018-08-13_14:30:53 ths.au.Aussen humidity: 63.8
2018-08-13_14:30:53 ths.au.Aussen dewpoint: 15.6
2018-08-13_14:32:22 ths.au.Aussen temperature: 23
2018-08-13_14:34:14 ths.au.Aussen humidity: 62.8
2018-08-13_14:34:14 ths.au.Aussen dewpoint: 15.7
2018-08-13_14:42:56 ths.au.Aussen temperature: 22.8
2018-08-13_14:42:56 ths.au.Aussen dewpoint: 15.4
2018-08-13_14:43:05 ths.au.Aussen temperature: 22.7
2018-08-13_14:44:20 ths.au.Aussen humidity: 63
2018-08-13_14:44:20 ths.au.Aussen dewpoint: 15.2
2018-08-13_14:47:28 ths.au.Aussen temperature: 22.4

Ich habe diesen Versatz in allen getesteten Browsern (iOS-Safari, Firefox, Edge).
Ist das Problem bekannt? Ich habe nichts dazu gefunden.

Hier die Definition des Chart-Templates:
<div class="col-30 left-align black " style="padding-left:5px;border-radius: 12px 0px 0px 0px">
<div data-type="popup" data-width="90%" data-height="450" data-mode="fade" data-top="100px" class="shade">
<div class="inline">par01</div>
<div class="dialog" style="font-size:1.2em;;border-radius:12px">
<header style="background-color:par02;color:white;text-shadow:2px 1px 2px black">par01</header>
<div class="fullsize" style="text-color:white; chart-background: white;"
data-type="chart"
data-device="par03"
data-logdevice="FileLog_par03"
data-columnspec='["4:temp.*","4:dew.*","4:hum.*"]'
data-style='["ftui l7 md","ftui l1fill","ftui l6fill"]'
data-legend='["Temperatur","Taupunkt","Feuchte"]'
data-uaxis='["primary","primary","secondary"]'
data-minvalue="auto"
data-maxvalue="auto"
data-minvalue_sec="auto"
data-maxvalue_sec="auto"
data-xticks="auto"
data-yticks="2"
data-yticks_sec="auto"
data-yticks_prio="primary"
data-y_margin='["20","20"]'
data-y_margin_sec='["20","20"]'
data-caption="$min°C - $max°C"
data-yunit="°C"
data-yunit_sec="%"
data-showlegend="false"
data-width="100%"
data-height="90%"
chart-background="white"
data-nofulldays="true"
data-daysago_start="0H"
data-daysago_end="-24H"
data-title="Akt: $data{currval1}°C/$data{currval3}% • M: $data{min1}°C/$data{max1}°C • Ø: $eval(parseInt($data{avg1}*10)/10)°C"
data-timeformat="hh:mm\LF\dd.MM.."

>
</div>
</div>
</div>
</div>
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 14 August 2018, 15:02:29
Da hat sich wohl ein Fehler bei dem Parameter data-y_margin/data-y_margin_sec eingeschlichen, muss ich erst noch weiter klären. Bitte nimm mal so lange diese Settings heraus, bis ich das Problem gelöst habe.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 15 August 2018, 16:03:10
Kannst Du mal bitte mit folgender Version des Widgets testen, der Fehler sollte damit weg sein.

In dieser Version ist auch das oben gewünschte Feature für das Clipping enthalten. Das Ganze wird über einen neuen Steuerparameter data-cliprange (ein Array mit 2 Werten für die untere und obere Grenze oder ein Array aus diesen Arrays wenn man jeden Graphen getrennt clippen will) kontrolliert. Folgendes ist möglich (jeweils im Beispiel nur als Einzelparameter):
1. Setzen von Stunden und Minuten (data-cliprange='["09:00","12:00"]'. In diesem Fall wird das Clipping jeden Tag gemacht (also jeden Tag nur die Werte zwischen 09:00 und 12:00 aus den Inputs für die Darstellung herausgefiltert)
2. Setzen von Tag Stunden und Minuten (data-cliprange='["01 00:00","08 00:00"]'. In diesem Fall wird das Clipping für jeden Monat wiederholt. Also die Werte zwischen dem 1. des Monats 00:00 und dem 8. des Monats 00:00 gefiltert.
3. Setzen von Monat Tag Stunden und Minuten (data-cliprange='["03-01 00:00","06-01 00:00"]'. Damit wird das Clipping für jedes Jahr wiederholt (also nur die Werte zwischen 1. März 00:00 und 1. Juni 00:00 herausgefiltert).
4. Setzen von Jahr Monat Tag Stunden und Minuten (data-cliprange='["2018-03-01 00:00","2019-03-01 00:00"]'. Damit wird genau der Bereich zwischen den beiden Zeiten ausgeschnitten und nichts wiederholt.
Das Clipping wirkt nur auf vorhandene Werte. Wenn also kein Wert zwischen den beiden angegebenen Zeiten vorliegt, wird auch nichts gezeichnet. Insbesondere wird nicht aus dem Clipbereich heraus extrapoliert oder Ähnliches.

Bitte auch das mal testen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: netwalk am 16 August 2018, 10:16:43
Mit der neuen Version scheint der Versatz eliminiert zu sein.
Vielen Dank.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: wcraffonara am 20 August 2018, 20:55:26
Hallo,
  vielen herzlichen Dank für diesen Widget!!! Das ist super gut gelungen! :)

Ich verwende die Option data-legend_horiz="true". Wie kann ich den Abstand zwischen den horizontalen Legendeneinträge vergrößern? Die Einträge picken ziemlich nah nebeneinander.

Vielen Dank!

lG
Walter
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 22 August 2018, 17:21:38
In dieser Version ist auch das oben gewünschte Feature für das Clipping enthalten. Das Ganze wird über einen neuen Steuerparameter data-cliprange (ein Array mit 2 Werten für die untere und obere Grenze oder ein Array aus diesen Arrays wenn man jeden Graphen getrennt clippen will) kontrolliert. Folgendes ist möglich (jeweils im Beispiel nur als Einzelparameter):
1. Setzen von Stunden und Minuten (data-cliprange='["09:00","12:00"]'. In diesem Fall wird das Clipping jeden Tag gemacht (also jeden Tag nur die Werte zwischen 09:00 und 12:00 aus den Inputs für die Darstellung herausgefiltert)
2. Setzen von Tag Stunden und Minuten (data-cliprange='["01 00:00","08 00:00"]'. In diesem Fall wird das Clipping für jeden Monat wiederholt. Also die Werte zwischen dem 1. des Monats 00:00 und dem 8. des Monats 00:00 gefiltert.
3. Setzen von Monat Tag Stunden und Minuten (data-cliprange='["03-01 00:00","06-01 00:00"]'. Damit wird das Clipping für jedes Jahr wiederholt (also nur die Werte zwischen 1. März 00:00 und 1. Juni 00:00 herausgefiltert).
4. Setzen von Jahr Monat Tag Stunden und Minuten (data-cliprange='["2018-03-01 00:00","2019-03-01 00:00"]'. Damit wird genau der Bereich zwischen den beiden Zeiten ausgeschnitten und nichts wiederholt.
Das Clipping wirkt nur auf vorhandene Werte. Wenn also kein Wert zwischen den beiden angegebenen Zeiten vorliegt, wird auch nichts gezeichnet. Insbesondere wird nicht aus dem Clipbereich heraus extrapoliert oder Ähnliches.

Bitte auch das mal testen.
Danke Eki, eben erst gesehen, da ich beim Überfliegen dachte, dass sich das auf den vorherigen Post bezog.
Das werde ich sehr gern testen, voraussichtlich ab kommenden Dienstag.
Derzeit läuft noch ein weitere Ansatz, auf den mich Frank gebracht hat: Das Loggen (bzw. die Logfile) mit attrib disable 0/1 zu den gewünschten Zeiten in Abhängigkeit von anderen Devices (hier: Pumpe) aus- bzw. einschalten. Macht aber nur Sinn, wenn man in der restlichen Zeit tatsächlich garnichts loggen will. Hat in meinem Fall allerdings den Vorteil, dass sich die Log-Zeiten dynamisch an etwa sich ändernde Filterzeiten anpassen (DOIF, das bewirkt, dass das Loggen 3600 s nach dem Einschalten der Filterpumpe startet und nur so lange gelogt wird, wie die Pumpe auch läuft). D.h. da muss ich nichts an der Definition des Chart ändern, wenn sich die Pumpenzeiten ändern.
Könnte man denn data-cliprange auch dynamisch durch einen Dummy setzen lassen?
Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 31 August 2018, 16:34:12
Hallo Eki,
Bitte auch das mal testen.
Ich habe es noch nicht lange am Laufen, aber das clipping scheint bei mir nicht zu funktionieren, d.h. es wird durchgängig geplotted und nicht nur für 3 bis 4 Uhr:
<div class="normal"
data-type="chart"
data-height="200"
data-device="Pool"
data-logdevice='["Poollog_clipping"]'
data-columnspec='["4:Pool.Redox:"]'
data-cliprange='["03:00","04:00"]'
data-style='["ftui l0"]'
data-ptype='["lines"]'
data-uaxis='["primary"]'
data-legend='[""]'
data-yunit="mV"
data-ytext=""
data-minvalue="auto"
data-maxvalue="auto"
data-yunit_sec=""
data-ytext_sec=""
data-yticks="auto"
data-minvalue_sec="auto"
data-maxvalue_sec="auto"
data-daysago_start="1"
data-daysago_end="-1"
data-crosshair="true"
data-cursorgroup="1"
data-scrollgroup="1"
data-showlegend="true"
data-xticks="1440">
                                        </div>
Grüße
Martin
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 10 September 2018, 15:52:44
Also bei mir funktioniert das (natürlich habe ich nicht deine Logdaten, kannst Du ja eventuell mal posten) bitte check noch mal, ob Du die richtige Version hast, und ob Du den Browser Cache gelöscht hast. Das Ganze dynamisch zu setzten ist in der hier angehängten Version mal eingebaut.
Wenn Du data-cliprange='[par03:cliprange]' setzt, dann muss das Reading oder Attribut des devices par03 mit namen cliprange die Werte min und max durch ein Komma getrennt enthalten.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 10 September 2018, 16:45:45
bitte check noch mal, ob Du die richtige Version hast
Natürlich nicht, bzw. schon die richtige, aber auf den falschen Server kopiert...
Aber jetzt, sowohl mit der letzten als auch der vorletzten Version bekomme ich:
type error cannout read property "search" of undefined line 1621
[EDIT: Beispiellog angehängt]
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 11 September 2018, 14:05:46
OK, da hat sich mal wieder ein Regressionsfehler eingeschlichen. Versuche es mal mit der angehängten Version.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 11 September 2018, 14:52:03
Hallo,
  vielen herzlichen Dank für diesen Widget!!! Das ist super gut gelungen! :)

Ich verwende die Option data-legend_horiz="true". Wie kann ich den Abstand zwischen den horizontalen Legendeneinträge vergrößern? Die Einträge picken ziemlich nah nebeneinander.

Vielen Dank!

lG
Walter

Die Abstände sind aktuell leider fix. Allerdings gibt es einen Trick, mit dem Du erreichen solltest was Du willst. Wenn Du vor die einzelnen Texte in data-legend jeweils eine oder mehrere der folgenden Zeichenfolge setzt: "&nbsp" (ohne die ""), dann müsste der Abstand größer werden (jeweils um ein Leerzeichen).
Beispiel (hier sind nur die beiden Einträge versetzt, die hinter dem ersten Eintrag stehen, aufpassen, die Reihenfolge ist umgekehrt):
data-legend='["&nbsp&nbspEintrag 1","&nbsp&nbspEintrag 2","Eintrag 3"]'
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dadoc am 11 September 2018, 15:05:26
Versuche es mal mit der angehängten Version.
Damit scheint es zu klappen, vielen Dank!
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: somansch am 16 September 2018, 14:22:07
Hallo,

ich starte gerade einen ersten Test mit dem Chart-Widget, bisher hatte ich highchart verwendet. Leider werden mir weder die Buttons, noch die Achsenbeschriftung angezeigt?! Was mache ich falsch? FHEM und FTUi auf letztem Stand. Hier der Code: <div class="fullsize"
data-type="chart"
data-device="Wetter_WW"
data-logdevice='["FileLog_Buero_TempSensor","FileLog_Buero_TempSensor"]'
data-columnspec='["4:temperature.*","4:humidity.*"]'
data-style='["ftui l2","ftui l5"]'
data-legend='["Temperatur","Luftfeuchte"]'
data-uaxis='["primary","secondary"]'
data-minvalue="auto"
data-maxvalue="auto"
data-minvalue_sec="auto"
data-maxvalue_sec="auto"
data-xticks="auto"
data-yticks="auto"
data-yticks_sec="auto"
data-yticks_prio="primary"
data-show_both_axes="true"
data-ytext="Temperatur"
data-yunit="°C"
data-ytext_sec="Luftfeuchte"
data-yunit_sec="%"
data-showlegend="true"
data-width="100%"
data-height="100%"
data-nofulldays="true"
data-daysago_start="-0H"
data-daysago_end="-24H"
data-timeformat="hh:mm\LF\dd.MM.."
></div>

Ich habe die letzte Version vom 11.September 2018 in Nutzung.

Danke und Gruß
Andreas
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: somansch am 16 September 2018, 16:13:32
Hallo,

ich starte gerade einen ersten Test mit dem Chart-Widget, bisher hatte ich highchart verwendet. Leider werden mir weder die Buttons, noch die Achsenbeschriftung angezeigt?! Was mache ich falsch? FHEM und FTUi auf letztem Stand. Hier der Code: <div class="fullsize"
data-type="chart"
data-device="Wetter_WW"
data-logdevice='["FileLog_Buero_TempSensor","FileLog_Buero_TempSensor"]'
data-columnspec='["4:temperature.*","4:humidity.*"]'
data-style='["ftui l2","ftui l5"]'
data-legend='["Temperatur","Luftfeuchte"]'
data-uaxis='["primary","secondary"]'
data-minvalue="auto"
data-maxvalue="auto"
data-minvalue_sec="auto"
data-maxvalue_sec="auto"
data-xticks="auto"
data-yticks="auto"
data-yticks_sec="auto"
data-yticks_prio="primary"
data-show_both_axes="true"
data-ytext="Temperatur"
data-yunit="°C"
data-ytext_sec="Luftfeuchte"
data-yunit_sec="%"
data-showlegend="true"
data-width="100%"
data-height="100%"
data-nofulldays="true"
data-daysago_start="-0H"
data-daysago_end="-24H"
data-timeformat="hh:mm\LF\dd.MM.."
></div>

Ich habe die letzte Version vom 11.September 2018 in Nutzung.

Danke und Gruß
Andreas

Kann es mit dem kürzlichen FHEM Update zu tun haben? Dort sind jetzt andere Icons für die Buttons in Verwendung...
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: somansch am 16 September 2018, 18:48:56
Kurzes Update. Die Achsenbeschriftung ist nun da. Hatte einen Eintrag in meiner "user-tablet-ui.css", welche die Farbe überschrieben hatte  ::)

Jetzt fehlen mir noch die Icons. Diese stammen ja aus "FontAwesome". Habe die "font-awesome.min.css" im lib-Verzeichnis und kann generell "fa-" icons in FTUI verwenden, jedoch werden sie nicht in diesem Widget angezeigt?! Habe zum Test mal meine "user-tablet-ui.css" deaktiviert, jedoch ohne Erfolg. Hat jemand eine Idee?

Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: somansch am 16 September 2018, 22:02:38
Kurzes Update. Die Achsenbeschriftung ist nun da. Hatte einen Eintrag in meiner "user-tablet-ui.css", welche die Farbe überschrieben hatte  ::)

Jetzt fehlen mir noch die Icons. Diese stammen ja aus "FontAwesome". Habe die "font-awesome.min.css" im lib-Verzeichnis und kann generell "fa-" icons in FTUI verwenden, jedoch werden sie nicht in diesem Widget angezeigt?! Habe zum Test mal meine "user-tablet-ui.css" deaktiviert, jedoch ohne Erfolg. Hat jemand eine Idee?

Ich habe die Ursache gefunden! Es ist tatsächlich das kürzliche Update von "FontAwesome". Wenn man die ursprüngliche "font-awesome.min.css" vom 18.02.2017 verwendet, funktioniert es.

Habe beide Dateien angehangen.

@setstate bzw. @eki, wer kann den Bug fixen?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: somansch am 17 September 2018, 08:56:04
Ich habe die Ursache gefunden! Es ist tatsächlich das kürzliche Update von "FontAwesome". Wenn man die ursprüngliche "font-awesome.min.css" vom 18.02.2017 verwendet, funktioniert es.

Habe beide Dateien angehangen.

@setstate bzw. @eki, wer kann den Bug fixen?


Hallo eki,

hier die Antwort von setstate:
"...das muss direkt im widget_chart geändert werden. Ich vermute, wenn fa-Icons benutzt werden, ist ein font-weight="normal" im js-Code oder css zuviel, oder ein explizites font-weight="900" muss in den Style des Symbols."

Wann kannst du da mal nachschauen?

Danke und Gruß
Andreas
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 17 September 2018, 13:15:07
Problem müsste in der angehängten Version bereinigt sein (bitte sowohl das js File wie auch das css File austauschen), ich habe allerdings noch keine Zeit gehabt, weitere Dinge zu testen, die möglicherweise im Zusammenhang mit 2.7.2 auftreten. Es könnte also noch etwas nachkommen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: somansch am 17 September 2018, 23:28:39
Problem müsste in der angehängten Version bereinigt sein (bitte sowohl das js File wie auch das css File austauschen), ich habe allerdings noch keine Zeit gehabt, weitere Dinge zu testen, die möglicherweise im Zusammenhang mit 2.7.2 auftreten. Es könnte also noch etwas nachkommen.

Mit dieser Version ist das Problem behoben  :)

Checkst du diese Version auch offiziell ein?

Vielen Dank und viele Grüße
Andreas
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 18 September 2018, 09:01:47
Ja, mache ich die Tage (ich werde noch ein paar Tage testen, wegen 2.7.2).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: somansch am 19 September 2018, 22:41:37
Erstmal vielen Dank für dieses geniale Widget  :). Habe alle meine bisherigen HighCharts umgestellt und versuche mich jetzt an einem Meteogram. Hierzu wollte ich das Beispiel aus dem FTUI Wiki erstmal ausprobieren, komme jedoch nicht weiter  ???

Im Beispiel "7-Tage-Wettervorhersage mit Proplanta" soll zuerst ein Logproxy angelegt werden. Habe genau den dortigen Code verwendet:define myLogProxy logProxy Leider habe ich keinerlei Erfahrung mit dem Logproxy. Ich gehe aber davon aus, dass nichts weiter diesbezüglich konfiguriert werden muß (ist ja nur ein Proxy "Durchlauferhitzer"). Im zweiten Schritt habe ich den Code für die Funktion "logProxy_proplanta2Plot" in meine existierende 99_myUtils.pm angehängt. Nun das Widget angepasst, da mein Proplanta-Device "Wetter_Pro" heißt:<div data-type="chart"
data-device="Wetter_Pro"
data-logdevice='[
"myLogProxy",
"myLogProxy",
"myLogProxy"
]'
data-columnspec='[
"Func:logProxy_proplanta2Plot(\\x22Wetter_Pro\\x22,\\x22rain_\\x22,$from,$to,12,\\x22day\\x22)",
"Func:logProxy_proplanta2Plot(\\x22Wetter_Pro\\x22,\\x22chOfRain_\\x22,$from,$to,12,\\x22day\\x22)",
"Func:logProxy_proplanta2Plot(\\x22Wetter_Pro\\x22,\\x22cloud_\\x22,$from,$to,12,\\x22day\\x22)"
]'
data-style='[
"ftui l6fill",
"ftui l5fill",
"ftui l1fill"
]'
data-ptype='[
"steps",
"quadraticSmooth",
"quadraticSmooth"
]'
data-uaxis='[
"primary",
"secondary",
"secondary"
]'
data-legend='[
"Regen",
"Regenwahrscheinlichkeit",
"Wolken"
]'
data-yunit="mm"
data-ytext="Regen"
data-yunit_sec="%"
data-ytext_sec="Chance auf Regen / Wolken"
data-timeformat="eeee"
data-minvalue="auto"
data-maxvalue="auto"
data-minvalue_sec="auto"
data-maxvalue_sec="auto"
data-daysago_start = "0"
data-daysago_end = "-7"
data-xticks="1440"
data-yticks="auto"
data-title="7-Tage-Wettervorhersage"
data-showlegend="true"
class="nobuttons fullsize">
</div>

Leider ist das Ergebnis nur ein leeres Chart?! Laut Log hat die Funktion jeweils 57 Punkte pro Graph gefunden, danach kommt jedoch ein Fehler! Jemand einen Tipp?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: somansch am 19 September 2018, 23:16:37
Gelöst! Im Error stand ja etwas von negativer Höhe... Dann kam es mir wieder in den Sinn, dass fast alle Widgets in Kombination mit Sections und deren dynamischer Höhe ein Problem haben.

Lösung: Feste Höhe in Pixel angeben, z.B.: data-height="310px"
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: somansch am 20 September 2018, 00:40:43
Jetzt komme ich doch nicht weiter. Hier mein Code: <div data-type="chart"
data-device="Wetter_Pro"
data-logdevice='[
"myLogProxy",
"myLogProxy",
"myLogProxy"
]'
data-columnspec='[
"Func:logProxy_proplanta2Plot(\\x22Wetter_Pro\\x22,\\x22tempMax\\x22,$from,$to,12,\\x22day\\x22)",
"Func:logProxy_proplanta2Plot(\\x22Wetter_Pro\\x22,\\x22weatherIcon\\x22,$from,$to,12,\\x22day\\x22)",
"Func:logProxy_proplanta2Plot(\\x22Wetter_Pro\\x22,\\x22rain_\\x22,$from,$to,12,\\x22day\\x22)"
]'
data-style='[
"ftui l1fill",
"ftui l99icon",
"ftui l5fill"
]'
data-ptype='[
"quadraticSmooth",
"icons:1",
"steps"
]'
data-uaxis='[
"primary",
"primary",
"secondary"
]'
data-legend='[
"Max. Temperatur",
"Wetterbedingung",
"Regen"
]'
data-yunit="°C"
data-ytext="Temperatur"
data-yunit_sec="mm"
data-ytext_sec="Regen"
data-timeformat="ee\LF\dd.MM"
data-minvalue="auto"
data-maxvalue="auto"
data-minvalue_sec="auto"
data-maxvalue_sec="auto"
data-daysago_start = "-1w"
data-daysago_end = "-10d"
data-y_margin="20"
data-xticks="1440"
data-yticks="auto"
data-showlegend="true"
data-width="100%"
data-height="310px"
class="nobuttons fullsize">
</div>

Habe die zusätzlichen Einträge in meiner user.css ebenfalls gemacht. Zwei Probleme:
1. Wie bekomme ich die Wettericons auf den Temperaturgraph?
2. Wie kann man den letzten Temperaturwert "0" rausnehmen, sodass der Graph dort nicht "abstürzt"?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 20 September 2018, 09:15:52
Damit die Icons auf die Werte eines anderen Graphen gesetzt werden, musst Du hinter dem ':' bei data-ptype den Index des Graphen setzen, von dem die Y-Werte kommen sollen. Der Index zählt von 0 an. In Deinem Fall beziehst Du die Icons auf sie selbst. Außerdem sollten die Icons immer die ersten in der Liste sein (dann werden sie als letztes gezeichnet und es ist sicher gestellt, dass die anderen Daten schon abgeholt sind).
Bezüglich des "Absturzes" am Ende würde ich Dir raten statt "quadraticSmooth" "cubic" zu verwenden. Beim Algorithmus für quadraticSmooth is nicht gewährleistet, dass die Linie immer durch die Messpunkte geht, was bei cubic der Fall ist.
Mit dem folgenden Setting sollte es eigentlich gehen:

<div data-type="chart"
data-device="Wetter_Pro"
data-logdevice='[
"myLogProxy",
"myLogProxy",
"myLogProxy"
]'
data-columnspec='[
"Func:logProxy_proplanta2Plot(\\x22Wetter_Pro\\x22,\\x22weatherIcon\\x22,$from,$to,12,\\x22day\\x22)",
"Func:logProxy_proplanta2Plot(\\x22Wetter_Pro\\x22,\\x22tempMax\\x22,$from,$to,12,\\x22day\\x22)",
"Func:logProxy_proplanta2Plot(\\x22Wetter_Pro\\x22,\\x22rain_\\x22,$from,$to,12,\\x22day\\x22)"
]'
data-style='[
"ftui l99icon",
"ftui l1fill",
"ftui l5fill"
]'
data-ptype='[
"icons:1",
"cubic",
"steps"
]'
data-uaxis='[
"primary",
"primary",
"secondary"
]'
data-legend='[
"Wetterbedingung",
"Max. Temperatur",
"Regen"
]'
data-yunit="°C"
data-ytext="Temperatur"
data-yunit_sec="mm"
data-ytext_sec="Regen"
data-timeformat="ee\LF\dd.MM"
data-minvalue="auto"
data-maxvalue="auto"
data-minvalue_sec="auto"
data-maxvalue_sec="auto"
data-daysago_start = "-1w"
data-daysago_end = "-10d"
data-y_margin="20"
data-xticks="1440"
data-yticks="auto"
data-showlegend="true"
data-width="100%"
data-height="310px"
class="nobuttons fullsize">
</div>
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: somansch am 20 September 2018, 18:51:35
Damit die Icons auf die Werte eines anderen Graphen gesetzt werden, musst Du hinter dem ':' bei data-ptype den Index des Graphen setzen, von dem die Y-Werte kommen sollen. Der Index zählt von 0 an. In Deinem Fall beziehst Du die Icons auf sie selbst. Außerdem sollten die Icons immer die ersten in der Liste sein (dann werden sie als letztes gezeichnet und es ist sicher gestellt, dass die anderen Daten schon abgeholt sind).
Bezüglich des "Absturzes" am Ende würde ich Dir raten statt "quadraticSmooth" "cubic" zu verwenden. Beim Algorithmus für quadraticSmooth is nicht gewährleistet, dass die Linie immer durch die Messpunkte geht, was bei cubic der Fall ist.
Mit dem folgenden Setting sollte es eigentlich gehen:

<div data-type="chart"
data-device="Wetter_Pro"
data-logdevice='[
"myLogProxy",
"myLogProxy",
"myLogProxy"
]'
data-columnspec='[
"Func:logProxy_proplanta2Plot(\\x22Wetter_Pro\\x22,\\x22weatherIcon\\x22,$from,$to,12,\\x22day\\x22)",
"Func:logProxy_proplanta2Plot(\\x22Wetter_Pro\\x22,\\x22tempMax\\x22,$from,$to,12,\\x22day\\x22)",
"Func:logProxy_proplanta2Plot(\\x22Wetter_Pro\\x22,\\x22rain_\\x22,$from,$to,12,\\x22day\\x22)"
]'
data-style='[
"ftui l99icon",
"ftui l1fill",
"ftui l5fill"
]'
data-ptype='[
"icons:1",
"cubic",
"steps"
]'
data-uaxis='[
"primary",
"primary",
"secondary"
]'
data-legend='[
"Wetterbedingung",
"Max. Temperatur",
"Regen"
]'
data-yunit="°C"
data-ytext="Temperatur"
data-yunit_sec="mm"
data-ytext_sec="Regen"
data-timeformat="ee\LF\dd.MM"
data-minvalue="auto"
data-maxvalue="auto"
data-minvalue_sec="auto"
data-maxvalue_sec="auto"
data-daysago_start = "-1w"
data-daysago_end = "-10d"
data-y_margin="20"
data-xticks="1440"
data-yticks="auto"
data-showlegend="true"
data-width="100%"
data-height="310px"
class="nobuttons fullsize">
</div>

Vielen Dank, jetzt habe ich die Logik verstanden und es funktioniert bestens!
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: somansch am 24 September 2018, 22:40:34
Hallo eki,

ich habe noch zwei weitere Wetterdienste im Einsatz. Hättest du Lust, die ProxyLog-Funktionen für "Wunderground" und "DWD" umzusetzen? Ich könnte meine Readings bereitstellen...

Viele Grüße
Andreas
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: cotecmania am 02 Oktober 2018, 09:51:36
Hallo,

seit meinem FHEM Update gestern meldet das widget_chart Fehler. (siehe Bilder)

Wenn ich folgenden Graph raus nehme sind die Fehler weg :

<!-- ********************************************************************* -->
<!-- ****************************** TOM ********************************** -->
<!-- ********************************************************************* -->
<li data-row="6" data-col="3" data-sizex="2" data-sizey="1">
  <header>TOM</header>
  <div class="normal left-narrow-10 right-narrow nobuttons"
       data-type="chart"
       data-device="PCA301_0361E4"
       data-logdevice="FileLog_PCA301_0361E4"
       data-logfile="-"
       data-columnspec="4:power"
       data-style="SVGplot l1"
       data-ptype="lines"
       data-uaxis="primary"
       data-yunit="W"
       data-height="75"
       data-width="260"
       data-yunit_sec="W"
       data-minvalue="0"
       data-maxvalue="40"
       data-yticks_sec="10"
       data-nofulldays="true"
       data-cursorgroup="1"
       data-scrollgroup="1"
       data-xticks="720"
       data-showlegend="false">
  </div>
</li>

Seither gings ohne Fehler. Was passt hier auf einmal nicht ?

Gruss
Joe
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 02 Oktober 2018, 10:41:44
Kannst Du bitte mit folgender Änderung testen:

data-style='["SVGplot l1"]'
statt

data-style="SVGplot l1"
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: cotecmania am 02 Oktober 2018, 10:56:47
Japp, jetzt gehts wieder ohne Fehler.

Aber laut WIKI steht bei data-style : Für eine einfache graue Linie ist also die Angabe data-style="ftui l1" korrekt, wohingegen ...
https://wiki.fhem.de/wiki/FTUI_Widget_Chart#Aussehen_der_Linien (https://wiki.fhem.de/wiki/FTUI_Widget_Chart#Aussehen_der_Linien)

Gruss
Joe
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: curt am 18 Oktober 2018, 22:14:47
@eki
Gibt es ein Script, welches eine SVG_[...].gplot-Datei in die für das Chart-Widget erforderliche DIV-Sektion umwandelt? Für Chart fehlende Strukturelemente könnten ja durch so ein Script mit Standardwerten belegt werden.

Falls es so ein Script nicht gibt: Wäre es aufwendig, das zu programmieren? Oder ist das eine Fingerübung für Dich?

Hintergrund:
1) Ich bin nachher der 300., der die Frage stellt, wie man zu einem gerade eben erstellten Chat mit Temperatur und Luftfeuchtigkeit auch noch den Zustand des Fensters hinzufügt - wie die 299 vor mir scheitere ich daran.

2) Ich habe ein Dutzend Öffnungsmelder und ein Dutzend Temperatursensoren. Selbst wenn ich das von Hand könnte, wäre die Freizeit der nächsten vier Wochen gestrichen - alles anpassen, testen, ärgern, typo suchen ...

Eine bei mir funktionierende typische SVG-Plot-Datei sieht so aus (hier: aus einem dritten LogDevive wird zudem die CPU-Temperatur eines dort stehenden Servers gezogen und angezeigt):

HINT: Nicht sichtbar ist, dass ich bei vielen Logs fehlende Werte durch den letzten bekannten Wert vermittels addLog in das LOg schreiben lasse. - Egal wie - unten stehendes funktioniert wunderfein.

# Created by FHEM/98_SVG.pm, 2018-04-16 23:48:48
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 title 'Arbeitszimmer Temperatur und Luftfeuchtigkeit'
set ytics
set y2tics
set grid y2tics
set ylabel "Luftfeuchtigkeit"
set y2label "Temperatur"
set yrange [0:100]
set y2range [15:60]

#FileLog_Temperatur_Arbeitszimmer 4:Temperatur_Arbeitszimmer.temperature\x3a::
#FileLog_sysmon 4:sysmon.cpu_temp\x3a::
#FileLog_Temperatur_Arbeitszimmer 4:Temperatur_Arbeitszimmer.humidity\x3a::
#FileLog_Arbeits_rechts 3:Arbeits_rechts\s(open|closed)::$fld[2]=~"open"?18:15

plot "<IN>" using 1:2 axes x1y2 title 'Temperatur' ls l0 lw 2 with lines,\
     "<IN>" using 1:2 axes x1y2 title 'CPU' ls l4 lw 1 with lines,\
     "<IN>" using 1:2 axes x1y1 title 'Luftfeuchtigkeit' ls l2fill lw 0.2 with lines,\
     "<IN>" using 1:2 axes x1y2 title 'Fenster' ls l1fill lw 1 with steps
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 19 Oktober 2018, 08:09:55
Ich habe auch schon mal darüber nachgedacht, SVG Definitionsfiles direkt im Chart nutzen zu können (da braucht es dann kein Script zur Umwandlung, das Chart könnte direkt mit den SVG Plot Files umgehen, und man hätte als parameter im HTML nur noch den Namen des Files).
Aufgrund der vielen Optionen in den SVG Plot Files wäre das allerdings schon ein gewisser Aufwand, und auch ich habe manchmal das Bedürfnis nach Ruhe und Freizeit  :D. Kurzfristig kannst Du da also nicht mit einer Lösung rechnen.

Für die Zustände des Fensters gibt es ein Beispiel im Chart Wiki, das kann kurzfristig als Ansatz dienen, denke ich.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: curt am 20 Oktober 2018, 02:09:56
War ja nur eine Idee.

Leider bekomme ich die Sache nicht hin, ich bin offensichtlich nicht in der Lage, aus "#FileLog_Arbeits_rechts 3:Arbeits_rechts\s(open|closed)::$fld[2]=~"open"?18:15" eine funktionierende data-columnspec zu bauen.

Im Log selbst sieht es so aus:
2018-10-17_08:01:33 Arbeits_rechts open   << addLog
2018-10-17_08:06:33 Arbeits_rechts open   << addLog
2018-10-17_08:08:20 Arbeits_rechts battery: ok
2018-10-17_08:08:20 Arbeits_rechts contact: closed (to VCCU)
2018-10-17_08:08:20 Arbeits_rechts closed
2018-10-17_08:08:20 Arbeits_rechts trigger_cnt: 247
2018-10-17_08:11:33 Arbeits_rechts closed   << addLog

Wie muss data-columnspec in diesem Fall aussehen?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Lichti am 20 Oktober 2018, 11:16:05
Habe diese widget entdeckt und gleich eingebaut.
Super   :D :D

Ein kleines Problem:
Bei data-timeranges werden im Menü nur 6 Einträge angezeigt, der Rest wird abgeschnitten.
Ist das eine Einstellung ?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: curt am 21 Oktober 2018, 04:54:50
Für die Zustände des Fensters gibt es ein Beispiel im Chart Wiki, das kann kurzfristig als Ansatz dienen, denke ich.

Leider nicht. Das Beispiel im Wiki erklärt im Grunde nichts. Im Grunde wäre es ja schön, wenn erklärt würde, wie man die fragliche Zeile data-columnspec aus dem SVG-File übersetzt. Aber das wird nicht erklärt, also experimentiert man sich zu Tode. (Ich verspreche, den Artikel zu verbessern, wenn Du (oder jemand anders) mir erklärt, wie das zu gehen hat.

Seit Tagen krampfe ich an data-columnspec herum,es will nicht gelingen. Ausgangslage ist in meinem Beitrag #385 beschrieben. Ich habe alles Mögliche und Unmögliche probiert - geht nicht.

Derzeit sieht das nicht gehende so aus:
<div data-type="chart"
        data-device="Arbeits_rechts"
        data-logdevice='["FileLog_Arbeits_rechts"]'
        data-logfile='["-"]'
        data-columnspec='["FileLog_Arbeits_rechts:state:0::$fld[2]=~\\x22open\\x22?1:0"]'
        data-style='["ftui l4fill"]'
        data-ptype='["steps"]'
        data-height="290"
        data-yticks='[[0,"geschlossen"],[1,"offen"]]'
        data-minvalue="0"
        data-maxvalue="1.1"
        data-nofulldays="true"
        data-daysago_start="1"
        data-daysago_end="-1"
        data-cursorgroup="1"
        data-scrollgroup="1">
</div>

Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: OdfFhem am 21 Oktober 2018, 11:06:28
Auszug aus der gplot-Datei
#FileLog_HM_123456 4:HM_123456.contact\x3a:"":($fld[3]=~"open"?1:0)

resultierendes FTUI-Widget-Attribut
data-columnspec='["HM_123456.contact:0::($fld[3]=~\\x22open\\x22?1:0)"]'

Lauffähiges Beispiel
<div data-type="chart" data-device="HM_123456"
                       data-logdevice='["FileLog_HM_123456"]'
                       data-logfile='["-"]'
                       data-columnspec='["HM_123456.contact:0::($fld[3]=~\\x22open\\x22?1:0)"]'
                       data-style='["ftui l4fill"]'
                       data-ptype='["steps"]'
                       data-yticks='[[0,"geschlossen"],[1,"offen"]]'
                       data-minvalue="0"
                       data-maxvalue="1"/>

Da ich nicht den state, sondern das contact-Reading logge, kann kein 1:1-Vergleich gezogen werden. Übertragen auf den Problemfall könnte die Lösung aus ein/zwei kleinen Änderungen am data-columnspec-Attribut bestehen:

Statt
data-columnspec='["FileLog_Arbeits_rechts:state:0::$fld[2]=~\\x22open\\x22?1:0"]'
vermutlich
data-columnspec='["Arbeits_rechts:state:0::($fld[2]=~\\x22open\\x22?1:0)"]'
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: curt am 22 Oktober 2018, 02:25:20
Herzlichen Dank für den Anstupser. Es ist

"Arbeits_rechts:0::($fld[2]=~\\x22open\\x22?20:1)"
Dieses 20:1 am Ende sorgt (bei einem Chart mit Temperatur, Luftfeuchtigkeit, Fenstermelder) dafür, dass bei geschlossenem Fenster gerade so noch sichtbar ist, dass da ein dritter Graph ist. Bei geöffnetem Fenster geht dann dieser Graph nicht über die komplette Diagrammhöhe - sondern nimmt nur die unteren ca. 20% ein.

Ich habe für Temperatur/Luftfeuchtigkeit LaCrosse und für Fenstermelder HomeMatic, eine sicher nicht seltene Konstellation. Meine Definition sieht nun so aus.

<div class="top-space"
      data-type="chart"
      data-device='["Temperatur_Arbeitszimmer","Temperatur_Arbeitszimmer","Arbeits_rechts"]'
      data-logdevice='["FileLog_Temperatur_Arbeitszimmer","FileLog_Temperatur_Arbeitszimmer","FileLog_Arbeits_rechts"]'
      data-logfile="-"
      data-columnspec='["4:temperature","4:humidity","Arbeits_rechts:0::($fld[2]=~\\x22open\\x22?20:1)"]'
      data-style='["ftui l2","ftui l6","ftui l1fill"]'
      data-height="330px"
      data-uaxis='["primary","secondary","secondary"]'
      data-legend='["Temperatur","Luftfeuchtigkeit","Fenster"]'
      data-ptype='["lines","lines","steps"]'
      data-yunit="°C"
      data-ytext="Temperatur"
      data-minvalue="-20"
      data-maxvalue="40"
      data-yunit_sec="%"
      data-ytext_sec="Luftfeuchtigkeit"
      data-height="250"
      data-yticks="auto"
      data-minvalue_sec="0"
      data-maxvalue_sec="100"
      data-daysago_start="1"
      data-daysago_end="0"
      data-cursorgroup="1"
      data-scrollgroup="1">

Die Frage ist, ob es sinnvoll ist, das Beispiel in den Wiki-Artikel zu packen; der ist jetzt schon überladen. Meinungen?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 22 Oktober 2018, 05:13:32
Ich weiß, dass das Thema mit columnspec und gplot manchmal ziemlich "frickelig" ist. Ich habe in verschiedenen Forumbeiträgen da schon mehrfach alles Mögliche erklärt, und habe eigentlich keine Lust das immer wieder zu wiederholen (Forum Suche hilft da manchmal, auch wenn es nicht so schön ist wie ein gut gemachtes Wiki). Ich sehe 2 Möglichkeiten:

1. Ich baue das oben genannte automatische Umsetzen ein.
2. Ich mach mal ein extra Wiki, das versucht das umfassend zu erklären.

Beides ist ein ziemlicher Aufwand, den ich aktuell nicht kurzfristig leisten kann, als etwas Geduld bitte. Ich tendiere aktuell eher zu 1, aber beides hat Vor- und Nachteile.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: curt am 22 Oktober 2018, 05:35:59
Ich weiß, dass das Thema mit columnspec und gplot manchmal ziemlich "frickelig" ist. Ich habe in verschiedenen Forumbeiträgen da schon mehrfach alles Mögliche erklärt, und habe eigentlich keine Lust das immer wieder zu wiederholen (Forum Suche hilft da manchmal,

Hallo @eki
Forum hilft eher selten: Ich habe doch vorher schon alles abgesucht - erst dann frage ich.

1. Ich baue das oben genannte automatische Umsetzen ein.

Das wäre natürlich der Traum - sofern folgendes gewährleistet ist: Dein Widget hat ja gegenüber SVGplot erweiterte Möglichkeiten. Die sollten nicht verloren gehen. Es muss/sollte möglich sein, nachträglich zusätzliche gültige Attribute zuzufügen. Beispielsweise dieses "ab wann - bis wann"-Feature.

2. Ich mach mal ein extra Wiki, das versucht das umfassend zu erklären.

Nein. Ganz anders.
Ich will mich jetzt nicht outen - aber mit Wikis kenne ich mich aus, deutlich besser aus als mit FHEM und FTUI und wie die Mäuse alle heißen.

Wir (!) machen das so:
Der Hauptartikel bleibt. Aber alle Beispiele bekommen eine neue Seite. Jedes Beispiel eine neue Wiki-Seite. Natürlich mit einem Eingangskasten mit Rückreferenz auf den Hauptartikel. (Na klar geht das - wir müssen nur mutig sein.)

Beides ist ein ziemlicher Aufwand, den ich aktuell nicht kurzfristig leisten kann, als etwas Geduld bitte. Ich tendiere aktuell eher zu 1, aber beides hat Vor- und Nachteile.

Das eine tun, das andere nicht lassen: Natürlich wäre die Umsetzung von SVGplot auf Dein FTUi-Modul der Traum. Aber unabhängig davon brauchen wir für hinzukommende Nutzer Beispiele. Jede Menge gut erklärter, nachvollziehbarer Beispiele, die typische Situationen zeigen.

Ich habe das schon mal gesagt - aber wohl nicht deutlich genug:
Wir sind hier weder im Krieg, noch auf der Flucht. Wir haben schon Zeit. Notfalls schubsen wir die Welt erst übermorgen um.

Danke für Dein Engagement.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 22 Oktober 2018, 08:06:04
Zitat
Hallo @eki
Forum hilft eher selten: Ich habe doch vorher schon alles abgesucht - erst dann frage ich.

Na ja. Hier mail ein paar Einträge aus dem Forum als Beispiel. Können ja auch als Start einer Wiki Beschreibung dienen. Und viele Beispiele sind natürlich perfekt.

https://forum.fhem.de/index.php/topic,59934.msg776909.html#msg776909 (https://forum.fhem.de/index.php/topic,59934.msg776909.html#msg776909)
https://forum.fhem.de/index.php/topic,48450.msg818035/topicseen.html#msg818035 (https://forum.fhem.de/index.php/topic,48450.msg818035/topicseen.html#msg818035)
https://forum.fhem.de/index.php/topic,57046.msg487056.html#msg487056 (https://forum.fhem.de/index.php/topic,57046.msg487056.html#msg487056)

Außerdem, da die Columnspec ja auf den SVG Plots in FHEM aufbaut, muss man auch noch die Beschreibungen hiervon (dazu gibt es Wikis und Forum Beiträge betrachten.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: curt am 23 Oktober 2018, 02:00:33
Na ja. Hier mail ein paar Einträge aus dem Forum als Beispiel. Können ja auch als Start einer Wiki Beschreibung dienen. Und viele Beispiele sind natürlich perfekt.

Wenn man die Lösung kennt, ist die Suche im Forum einfach. Das Problem ist ja eher: Wenn man die Lösung nicht kennt, gestaltet sich die Suche schwierig. Und das ist nun keine neue Erkenntnis.

Darüber hinaus gibt es noch das Problem, dass man bei gar nicht so wenigen Widgets auch noch auf die Zeit achten muss: Da gab es mal ein riesiges Update, also das muss vielleicht 2016 gewesen sein, frühere Artikel können noch stimmen, müssen aber nicht.

Von daher brauchen wir im Wiki einfache, gut nachvollziehbare Beispiele. Und wenn die didaktisch auch noch gut aufbereitet sind, ist es perfekt.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: TimoD am 23 Oktober 2018, 22:06:59
Hilfe, was mach ich denn falsch, wenn im Diagramm die Knöpfe + - -> <- nicht angezeigt werden und nur vierecke ohne Inhalt sind? Benötige ich bestimmte Icons (sets) ? Wo müssen diese hin?

Hab nichts dazu gefunden. Danke schonmal für Eure Hilfe!!!

Grüße Timo
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: curt am 23 Oktober 2018, 22:21:49
Ich habe mich lediglich an die Vorgaben gehalten.

Hast Du mal einen anderen Browser probiert? Ich habe den Fall, dass ein Browser weder Knöpfe noch Legenden darstellt.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 24 Oktober 2018, 02:40:59
Hilfe, was mach ich denn falsch, wenn im Diagramm die Knöpfe + - -> <- nicht angezeigt werden und nur vierecke ohne Inhalt sind? Benötige ich bestimmte Icons (sets) ? Wo müssen diese hin?

Hab nichts dazu gefunden. Danke schonmal für Eure Hilfe!!!

Grüße Timo

Schau mal hier https://forum.fhem.de/index.php/topic,48450.msg837020.html#msg837020 (https://forum.fhem.de/index.php/topic,48450.msg837020.html#msg837020) (weiter oben in diesem Thread).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: TimoD am 26 Oktober 2018, 06:51:40
Schau mal hier https://forum.fhem.de/index.php/topic,48450.msg837020.html#msg837020 (https://forum.fhem.de/index.php/topic,48450.msg837020.html#msg837020) (weiter oben in diesem Thread).

Danke! Werde ich heute Abend ausprobieren!
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: MCh76 am 30 Oktober 2018, 19:36:17
hallo eki,
ich habe die .css und .js datei aus deiner antwort #371 aufgespielt.
Leider sind immer noch die Symbole am Chart nicht vorhanden, zusätzlich scheint nach wie vor bei mir die ganze Formatierung "zerschossen" (siehe z.B. den Text bei den Unwetterwarnungen im Anhang).
Letzteres habe ich zuletzt hinbekommen, indem ich aus der .css datei folgende Zeile auskommentiert habe.
/*@import "../../pgm2/svg_style.css";
hast du a) noch eine idee wegen den fehlenden symbolen und kannst du b) noch was wegen der formatierung sagen?
nach jedem FHEM update muss ich die CSS datei manuell anpacken, wofür ist diese Zeile mit dem svg_style.css eigentlich gut bzw. warum macht die solche probleme?

danke und vg,
Chris
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 30 Oktober 2018, 21:22:29
Die Zeile ist dazu da, die normalen Styles aus den FHEM SVG Plots im Chart verfügbar zu machen. Ich denke mal drüber nach, ob man das auch anders machen kann. Kannst Du mal eine Kopie Deiner HTML Header Datei posten, dann kann ich mal probieren, ob ich das nachvollziehen kann.

Warum die Icons nich zu sehen sind, verstehe ich nicht. Hast Du mal Deinen Browser Cache gelöscht, nachdem Du die neue css Datei kopiert hast?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: MCh76 am 30 Oktober 2018, 21:37:37
Hallo Eki,
den Cache habe ich geleert, auch mit verschiednen Browsern probiert, leider immer ohne Icons...
meine aktuelle index.html habe ich angehängt.
Danke für deine Mühe!
VG,
Chris
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: MCh76 am 05 November 2018, 12:28:13
Hallo Eki. Heute habe ich ein FHEM Update durchgeführt, alles bestens bzgl. Darstellung (ausnahme das bekannte /*@import "../../pgm2/svg_style.css";)

VG,
Chris
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ChrisW am 05 November 2018, 14:04:08
also das Problem wa sich vor 1-2 Jahren schon hier gepostet habe besteht nun nach 90% Neumachen immer noch.
Sobald ich es einbinde hier der body:
<body>
    <div class="page" id="1_draussen">
        <div class="gridster">
            <ul>


<!--############################################################################-->
<li class="" data-row="1" data-col="1" data-sizex="8" data-sizey="4">
        <header class="">TEMPERATUR / LUFTFEUCHTE</header>
<div data-type="chart"
data-device="heizung_buro_Clima"
data-logdevice="FileLog_heizung_buro_Climag"
data-logfile="-"
data-columnspec='["4:T","6:T","8:T"]'
         data-style='["ftui l2","ftui l4","ftui l6"]'
 data-uaxis='["primary","primary","secondary"]'
data-legend='["Soll-Temperatur","Ist-Temperatur","Ventil"]'
data-minvalue="10" data-maxvalue="30"
data-minvalue_sec="0", data-maxvalue_sec="100"
data-width="580" data-height="310">
</div>
    </li>

   


            </ul>
        </div>
    </div>
</body>

Vergrößert sich alles auf der Seite .. Es wird wohl irgendeine css geladen die irgendwas kaputt macht :(
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 05 November 2018, 14:11:54
Ändert sich denn etwas, wenn Du genau die im Beitrag vorher genannte Zeile aus dem ftui_chart.css file, wie beschrieben, herauskommentierst?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Ingo298 am 05 November 2018, 14:37:59
Ich habe das gleiche Problem, nur wenn ich die Zeile "/*@import "../../pgm2/svg_style.css"
aus der ftui_chart.css auskommentiere wird alles so angezeigt wie es erstellt wurde
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ChrisW am 05 November 2018, 14:51:05
Jup bei mir auch dann ist alles super :)
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: ChrisW am 06 November 2018, 13:40:29
Noch etwas ich will data-title_class= nutzen habe es angegeben mit
data-title_class="titlewhite"
Die user css habe ich auch erstellt und im EHad eingebunden.
Was muss ich nun in dder css reinschreiben ?
Folgendes klappt nicht auch nicht mit . oder # davor:

caption titlewhite {
    color: #aa6900;
}

titlewhite {
    color: #aa6900;
}
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 28 November 2018, 16:02:31
Du musst im css folgendes setzen

.titlewhite {
    color: #aa6900;
}

dann sollte es eigentlich klappen (bitte noch mal die Version checken, ob Du auch die neueste Chart Widget Version hast.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: rcaspar am 02 Dezember 2018, 13:58:03
Hi

Ich versuche bei einem Feuchtigkeitsdiagramm mt 2 Farben zu arbeiten, kriege es aber einfach nicht hin ;(

Im angehängten Screenshot sieht man links ein funktionierendes Chart mit
data-style='["ftui l4fill"]'

rechts das nicht funktionierende mit dem code aus dem Wiki, angepasst auf schnitt bei 60:
data-style='["fill",["0","#0000ff","0.7"],["60","#0000ff","0.7"],["60","#ff0000","0.7"],["100","#ff0000","0.7"]]'
Hat jemand eine Idee, warum die Kurve schwarz bleibt?

René
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: curt am 02 Dezember 2018, 21:23:38
Das erste Argument bei data-style ist das Set, aus dem sich bedient wird. Das ist entweder "ftui", wenn man die im Wiki-Artikel beschriebenen Graphen haben möchte. Oder es lautet "SVGplot", dann hat man den Namensraum, der einem bei den SVG-Grafiken geboten wird. Dein "full" ist aber keiner der beiden Namensräume.

Dein Konstrukt des zweiten Parameters kann ich nicht bewerten.

Hoffe, trotzdem geholfen zu haben.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 03 Dezember 2018, 09:16:36
Zitat
Das erste Argument bei data-style ist das Set, aus dem sich bedient wird. Das ist entweder "ftui", wenn man die im Wiki-Artikel beschriebenen Graphen haben möchte. Oder es lautet "SVGplot", dann hat man den Namensraum, der einem bei den SVG-Grafiken geboten wird. Dein "full" ist aber keiner der beiden Namensräume.

Es gibt ein spezielles Format, welches dynamisch generierte Verläufe zulässt (beschrieben im ersten Beitrag dieses Threads und auch im Wiki), das wird hier verwendet. Bei diesem Format ist 'fill' schon richtig. Allerdings fehlt in der Angabe ein umschließendes Array, ist zugegeben verwirrend, ich muss da noch mal schauen ob das auch besser gelöst werden kann bis dahin aber bitte folgende Änderung, dann sollte es hoffentlich klappen:

data-style='[["fill",["0","#0000ff","0.7"],["60","#0000ff","0.7"],["60","#ff0000","0.7"],["100","#ff0000","0.7"]]]'
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: rcaspar am 03 Dezember 2018, 19:23:29
Hi eki

So geht's - riesen MERCI für deine Hilfe

Nachtrag: funktioniert so auch problemlos mit 3 Farben - bei Feuchtigkeit: dry/comfort/wet

Gruss aus der nassen Schweiz
René
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dirk.k am 05 Dezember 2018, 20:50:27
Hallo zusammen,
darf ich hier kurz einhaken?
Hat jemand eine Idee, wie ich eine Kurve mit Schwellwerten farbig gestalten kann (wie gerade eben beschrieben), wenn ich eh schon ein Array habe, da ich mehrere Kurven chart habe (von denen soll nur eine "bunt" werden.
Ich bekomme das mit den Klammern einfach nicht hin, oder geht das gar nicht?
Ich habe diese Frage auch separat gestellt, aber dort scheint sie niemand mit der passenden Idee zu sehen.

übrigens:vielen Dank für das Widget. Es ist einfach Klasse und ich nutze es sehr intensiv.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 06 Dezember 2018, 08:09:01
Das geht auf jeden Fall. Poste mal Deine Definition, dann schau ich es mir an.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dirk.k am 07 Dezember 2018, 18:52:25
Hier meine aktuelle definition:
<div data-type="chart"
data-logdevice="logdb"
data-logfile="HISTORY"
data-device="WeMos_S10"
data-get="temp2"
data-columnspec='["Sonoff_basic_11:Relay:::$val*=3","WeMos_S10:temp1::","WeMos_S10:temp2::","Sonoff_basic_11:Watchdog:::$val*=1"]'
data-style='["ftui l4fill","ftui l2","ftui l0fill","ftui l3fill"]'
data-legend='["Schalter","Draussen","Schacht","Watchdog"]'
data-uaxis='["secondary","primary","primary","secondary"]'
>
</div>

Die 3. kurve (Schacht) sollte hier bei <2°c blau und darüber rot sein.
Egal wo ich eine Klammer setze, das Chart bleibt dann immer komplett leer.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 10 Dezember 2018, 08:29:13
Müsste eigentlich folgendermaßen gehen:

data-style='["ftui l4fill","ftui l2",["fill",["-10","#0000FF","1.0"],["2","#0000FF","1.0"],["2","#FF0000","1.0"],["100","#FF0000","1.0"]],"ftui l3fill"]'

Die Kurve ist dann flächendeckend gefüllt, falls Du das durchscheinend willst, müsstest Du die letzen Parameter von 1.0 jeweils auf einen kleineren Wert setzen. Die Werte "-10" am Anfang und "100" am Ende sind willkürlich und sollten kleiner als der Minimalwert bzw. größer als der Maximalwert sein (also eventuell noch anpassen, falls Dein Wertebereich ein anderer ist).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: dirk.k am 10 Dezember 2018, 21:31:03
besten Dank, jetzt geht es.
ich war auch mit einem Versuch schon nah dran.
ich hatte nur die eckigen Klammern in die Anführungszeichen eingeschlossen.
Titel: chart_widget: Keine Anzeige des Vorjahres "Last Year"
Beitrag von: FFHEM am 02 Januar 2019, 10:43:18
Hallo zusammen,
ich sehe gerade, dass bei meinen mehreren FTUI-Installationen mit dem chart_widget zwar das Jahr 2019, aber keine Daten aus 2018 (mehr) angezeigt werden.
Ich klicke dabei auf die data-timeranges ("Last Year"), aber auch mit der Pfeiltaste <- klappt es nicht, 2018 "bleibt leer".
Die Log-Dateien des Vorjahres sind natürlich noch da (in /opt/fhem/log/...). Und in der Web-UI werden die Graphen sowohl von 2018 als auch 2019 über SVG-Plots richtig angezeigt.

Da ich hier keine Foreneinträge zu dem Thema finde, scheint das Problem nicht allgemein, sondern bei mir zu liegen, ich sehe aber keinen Hinweis darauf.
Das ist meine index.html:

<!DOCTYPE html>
<html>
 
<head>
    <!--
     /* FHEM tablet ui */
     /*
     * UI builder framework for FHEM
     *
     * Version: 2.5.*
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015-2017 Mario Stephan <mstephan@shared-files.de>
     * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
     *
     * - create a new folder named 'tablet' in /<fhem-path>/www
     * - copy all files incl. sub folders into /<fhem-path>/www/tablet
     * - add 'define TABLETUI HTTPSRV ftui ./www/tablet Tablet' in fhem.cfg
     * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
     */
    -->

    <!-- define your personal style here, it wont be overwritten  -->
    <!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
    <!-- link rel="stylesheet" href="css/fhem-tablet-ui-user.css" / -->

    <script src="js/fhem-tablet-ui.js" defer></script>

   <link rel="stylesheet" href="/fhem/tablet/css/fhem-blue-ui.css" />

    <script>var wvcDevices = {'12345': 'Tablet'}; var wvcUserCssFile="webviewcontrol.css"</script>
    <script src="../pgm2/cordova-2.3.0.js" defer></script>
    <script src="../pgm2/webviewcontrol.js" defer></script>
 

    <!-- Von imat-uve Friedhelm Küch eingefügt: -->
    <link rel="stylesheet" href="lib/font-awesome.min.css" />

    <!-- für Apple: Fullscreen-Darstellung -->
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
 
    <title>LogPi imat-uve</title>
    <link rel="shortcut icon" href="/fhem/tablet/favicon.ico" type="image/x-icon">

</head>

<body>


<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">

<header class="bigger">DTH-22 (Sensor TH_1)</header>

<div class="great">
<div data-type="label"
data-device="TH_1"
data-get="temperature_corr"
data-unit="&deg;C"
class="inline"
>
</div>
<div data-type="label"
data-device="TH_1"
data-get="humidity_corr_mavg"
data-unit="%"
class="inline"
>
</div>
</div>

                <div data-type="chart"
                        data-device="TH_1"
                        data-logdevice='["FileLog_TH_1","FileLog_TH_1","FileLog_TH_1","lp","lp"]'
                        data-logfile="-"
                        data-columnspec='["4:temperature_corr\\x3a","4:humidity_corr\\x3a", "4:humidity_corr_mavg\\x3a", "ConstY:21", "ConstY:25"]'
data-legend='["Temperatur","Luftfeuchte","Ø Luftfeuchte","",""]'
data-showlegend='true'
                        data-legendpos='["left","top"]'
data-graphsshown='[true,false,true]'
                        data-ptype='lines'

data-width="30vw"
data-height="30vh"

                        data-style='["ftui l2","ftui l6","ftui l5","ftui l1","ftui l1"]'
data-show_both_axes='true'

                        data-title="Min: $eval(parseInt($data{min1}*10)/10)°C / Max: $eval(parseInt($data{max1}*10)/10)°C ----- Min: $eval(parseInt($data{min2}*10)/10) % / Max: $eval(parseInt($data{max2}*10)/10) %"
                        data-yunit="°C"
                        data-minvalue="18"
data-maxvalue="28"
                        data-minvalue_sec="35"
                        data-maxvalue_sec="65"
                        data-yunit_sec="%"

data-xticks_round="h"
                        data-uaxis='["primary","secondary","secondary", "primary","primary"]'
data-yticks_prio='primary'
                         
data-nofulldays="true"
data-daysago_start="24h"
data-daysago_end="0h"

data-timeranges='[
["Actual Year","0Y","-1Y"],
["Last Year","1Y","0Y"],
["Actual Month","0M","-1M"],
["Last Month","1M","0M"],
["Actual Week","0W","-1W"],
["Last Week","1W","0W"],
["Today","0D","-1D"],
["Yesterday","1D","0D"]
]'
                        data-cursorgroup="1"
                        data-scrollgroup="1">
</div>

</li>

<li data-row="1" data-col="2" data-sizex="1" data-sizey="1">

<header class="bigger">(Sensor TH_2) SHT-21 Ausfall?</header>


<div class="great">
<div data-type="label"
data-device="TH_2"
data-get="temperature_corr"
data-unit="&deg;C"
class="inline"
>
</div>
<div data-type="label"
data-device="TH_2"
data-get="humidity_corr_mavg"
data-unit="%"
class="inline"
>
</div>
</div>

                <div data-type="chart"
                        data-device="TH_2"
                        data-logdevice='["FileLog_TH_2","FileLog_TH_2","FileLog_TH_2","lp","lp"]'
                        data-logfile="-"
                        data-columnspec='["4:temperature_corr\\x3a","4:humidity_corr\\x3a", "4:humidity_corr_mavg\\x3a", "ConstY:21", "ConstY:25"]'
data-legend='["Temperatur","Luftfeuchte","Ø Luftfeuchte","",""]'
data-showlegend='true'
                        data-legendpos='["left","top"]'
data-graphsshown='[true,false,true]'
                        data-ptype='lines'

data-width="30vw"
data-height="30vh"

                        data-style='["ftui l2","ftui l6","ftui l5","ftui l1","ftui l1"]'
data-show_both_axes='true'

                        data-title="Min: $eval(parseInt($data{min1}*10)/10)°C / Max: $eval(parseInt($data{max1}*10)/10)°C ----- Min: $eval(parseInt($data{min2}*10)/10) % / Max: $eval(parseInt($data{max2}*10)/10) %"
                        data-yunit="°C"
                        data-minvalue="18"
                        data-maxvalue="28"
                        data-minvalue_sec="35"
                        data-maxvalue_sec="65"

                        data-yunit_sec="%"

data-xticks_round="h"
                        data-uaxis='["primary","secondary","secondary", "primary","primary"]'
data-yticks_prio='primary'
                         
data-nofulldays="true"
data-daysago_start="24h"
data-daysago_end="0h"
data-timeranges='[
["Actual Year","0Y","-1Y"],
["Last Year","1Y","0Y"],
["Actual Month","0M","-1M"],
["Last Month","1M","0M"],
["Actual Week","0W","-1W"],
["Last Week","1W","0W"],
["Today","0D","-1D"],
["Yesterday","1D","0D"]
]'
                        data-cursorgroup="1"
                        data-scrollgroup="1">
</div>
</li>




<li data-row="1" data-col="3" data-sizex="1" data-sizey="1">

<header class="bigger">DTH-22 (Sensor TH_3)</header>

<div class="great">
<div data-type="label"
data-device="TH_3"
data-get="temperature_corr"
data-unit="&deg;C"
class="inline"
>
</div>
<div data-type="label"
data-device="TH_3"
data-get="humidity_corr_mavg"
data-unit="%"
class="inline"
>
</div>
</div>

                 <div data-type="chart"
                        data-device="TH_3"
                        data-logdevice='["FileLog_TH_3","FileLog_TH_3","FileLog_TH_3","lp","lp"]'
                        data-logfile="-"
                        data-columnspec='["4:temperature_corr\\x3a","4:humidity_corr\\x3a", "4:humidity_corr_mavg\\x3a", "ConstY:21", "ConstY:25"]'
data-legend='["Temperatur","Luftfeuchte","Ø Luftfeuchte","",""]'
data-showlegend='true'
                        data-legendpos='["left","top"]'
data-graphsshown='[true,false,true]'
                        data-ptype='lines'

data-width="30vw"
data-height="30vh"

                        data-style='["ftui l2","ftui l6","ftui l5","ftui l1","ftui l1"]'
data-show_both_axes='true'

                        data-title="Min: $eval(parseInt($data{min1}*10)/10)°C / Max: $eval(parseInt($data{max1}*10)/10)°C ----- Min: $eval(parseInt($data{min2}*10)/10) % / Max: $eval(parseInt($data{max2}*10)/10) %"
                        data-yunit="°C"
                        data-minvalue="18"
                        data-maxvalue="28"
                        data-minvalue_sec="35"
                        data-maxvalue_sec="65"

                        data-yunit_sec="%"

data-xticks_round="h"
                        data-uaxis='["primary","secondary","secondary", "primary","primary"]'
data-yticks_prio='primary'
                         
data-nofulldays="true"
data-daysago_start="24h"
data-daysago_end="0h"
data-timeranges='[
["Actual Year","0Y","-1Y"],
["Last Year","1Y","0Y"],
["Actual Month","0M","-1M"],
["Last Month","1M","0M"],
["Actual Week","0W","-1W"],
["Last Week","1W","0W"],
["Today","0D","-1D"],
["Yesterday","1D","0D"]
]'
                        data-cursorgroup="1"
                        data-scrollgroup="1">
</div>
</li>


<li data-row="2" data-col="1" data-sizex="1" data-sizey="1">

<header class="bigger">DTH-22 (Sensor TH_4)</header>

<div class="great">
<div data-type="label"
data-device="TH_4"
data-get="temperature_corr"
data-unit="&deg;C"
class="inline"
>
</div>
<div data-type="label"
data-device="TH_4"
data-get="humidity_corr_mavg"
data-unit="%"
class="inline"
>
</div>
</div>

                <div data-type="chart"
                        data-device="TH_4"
                        data-logdevice='["FileLog_TH_4","FileLog_TH_4","FileLog_TH_4","lp","lp"]'
                        data-logfile="-"
                        data-columnspec='["4:temperature_corr\\x3a","4:humidity_corr\\x3a", "4:humidity_corr_mavg\\x3a", "ConstY:21", "ConstY:25"]'
data-legend='["Temperatur","Luftfeuchte","Ø Luftfeuchte","",""]'
data-showlegend='true'
                        data-legendpos='["left","top"]'
data-graphsshown='[true,false,true]'
                        data-ptype='lines'

data-width="30vw"
data-height="30vh"

                        data-style='["ftui l2","ftui l6","ftui l5","ftui l1","ftui l1"]'
data-show_both_axes='true'

                        data-title="Min: $eval(parseInt($data{min1}*10)/10)°C / Max: $eval(parseInt($data{max1}*10)/10)°C ----- Min: $eval(parseInt($data{min2}*10)/10) % / Max: $eval(parseInt($data{max2}*10)/10) %"
                        data-yunit="°C"
                        data-minvalue="18"
                        data-maxvalue="28"
                        data-minvalue_sec="35"
                        data-maxvalue_sec="65"

                        data-yunit_sec="%"

data-xticks_round="h"
                        data-uaxis='["primary","secondary","secondary", "primary","primary"]'
data-yticks_prio='primary'
                         
data-nofulldays="true"
data-daysago_start="24h"
data-daysago_end="0h"
data-timeranges='[
["Actual Year","0Y","-1Y"],
["Last Year","1Y","0Y"],
["Actual Month","0M","-1M"],
["Last Month","1M","0M"],
["Actual Week","0W","-1W"],
["Last Week","1W","0W"],
["Today","0D","-1D"],
["Yesterday","1D","0D"]
]'
                        data-cursorgroup="1"
                        data-scrollgroup="1">
</div>
</li>

<li data-row="2" data-col="2" data-sizex="1" data-sizey="1">

<header class="bigger">DTH-22 (Sensor TH_5)</header>

<div class="great">
<div data-type="label"
data-device="TH_5"
data-get="temperature_corr"
data-unit="&deg;C"
class="inline"
>
</div>
<div data-type="label"
data-device="TH_5"
data-get="humidity_corr_mavg"
data-unit="%"
class="inline"
>
</div>
</div>

                <div data-type="chart"
                        data-device="TH_5"
                        data-logdevice='["FileLog_TH_5","FileLog_TH_5","FileLog_TH_5","lp","lp"]'
                        data-logfile="-"
                        data-columnspec='["4:temperature_corr\\x3a","4:humidity_corr\\x3a", "4:humidity_corr_mavg\\x3a", "ConstY:21", "ConstY:25"]'
data-legend='["Temperatur","Luftfeuchte","Ø Luftfeuchte","",""]'
data-showlegend='true'
                        data-legendpos='["left","top"]'
                        data-graphsshown='[true,false,true]'

                        data-ptype='lines'

data-width="30vw"
data-height="30vh"

                        data-style='["ftui l2","ftui l6","ftui l5","ftui l1","ftui l1"]'
data-show_both_axes='true'

                        data-title="Min: $eval(parseInt($data{min1}*10)/10)°C / Max: $eval(parseInt($data{max1}*10)/10)°C ----- Min: $eval(parseInt($data{min2}*10)/10) % / Max: $eval(parseInt($data{max2}*10)/10) %"
                        data-yunit="°C"
                        data-minvalue="18"
                        data-maxvalue="28"
                        data-minvalue_sec="35"
                        data-maxvalue_sec="65"

                        data-yunit_sec="%"

data-xticks_round="h"
                        data-uaxis='["primary","secondary","secondary", "primary","primary"]'
data-yticks_prio='primary'
                         
data-nofulldays="true"
data-daysago_start="24h"
data-daysago_end="0h"
data-timeranges='[
["Actual Year","0Y","-1Y"],
["Last Year","1Y","0Y"],
["Actual Month","0M","-1M"],
["Last Month","1M","0M"],
["Actual Week","0W","-1W"],
["Last Week","1W","0W"],
["Today","0D","-1D"],
["Yesterday","1D","0D"]
]'
                        data-cursorgroup="1"
                        data-scrollgroup="1">
</div>
</li>

<li data-row="2" data-col="3" data-sizex="1" data-sizey="1">


<header class="bigger">DTH-22 (Sensor TH_6)</header>


<div class="great">
<div data-type="label"
data-device="TH_6"
data-get="temperature_corr"
data-unit="&deg;C"
class="inline"
>
</div>
<div data-type="label"
data-device="TH_6"
data-get="humidity_corr_mavg"
data-unit="%"
class="inline"
>
</div>
</div>

                <div data-type="chart"
                        data-device="TH_6"
                        data-logdevice='["FileLog_TH_6","FileLog_TH_6","FileLog_TH_6","lp","lp"]'
                        data-logfile="-"
                        data-columnspec='["4:temperature_corr\\x3a","4:humidity_corr\\x3a", "4:humidity_corr_mavg\\x3a", "ConstY:21", "ConstY:25"]'
data-legend='["Temperatur","Luftfeuchte","Ø Luftfeuchte","",""]'
data-showlegend='true'
                        data-legendpos='["left","top"]'
data-graphsshown='[true,false,true]'
                        data-ptype='lines'

data-width="30vw"
data-height="30vh"

                        data-style='["ftui l2","ftui l6","ftui l5","ftui l1","ftui l1"]'
data-show_both_axes='true'

                        data-title="Min: $eval(parseInt($data{min1}*10)/10)°C / Max: $eval(parseInt($data{max1}*10)/10)°C ----- Min: $eval(parseInt($data{min2}*10)/10) % / Max: $eval(parseInt($data{max2}*10)/10) %"
                        data-yunit="°C"
                        data-minvalue="18"
                        data-maxvalue="28"
                        data-minvalue_sec="35"
                        data-maxvalue_sec="65"

                        data-yunit_sec="%"

data-xticks_round="h"
                        data-uaxis='["primary","secondary","secondary", "primary","primary"]'
data-yticks_prio='primary'
                       
data-nofulldays="true"
data-daysago_start="24h"
data-daysago_end="0h"
data-timeranges='[
["Actual Year","0Y","-1Y"],
["Last Year","1Y","0Y"],
["Actual Month","0M","-1M"],
["Last Month","1M","0M"],
["Actual Week","0W","-1W"],
["Last Week","1W","0W"],
["Today","0D","-1D"],
["Yesterday","1D","0D"]
]'
                        data-cursorgroup="1"
                        data-scrollgroup="1">
</div>
</li>





</ul>
</div>
</body>

</html>

Das Logfile-Device sieht am Beispiel TH_1 so aus:
Internals:
   CFGFN      ./FHEM/devices.cfg
   DEF        ./log/TH_1-%Y.log TH_1
   FD         5
   NAME       FileLog_TH_1
   NOTIFYDEV  TH_1
   NR         39
   NTFY_ORDER 50-FileLog_TH_1
   REGEXP     TH_1
   STATE      active
   TYPE       FileLog
   currentlogfile ./log/TH_1-2019.log
   logfile    ./log/TH_1-%Y.log
   READINGS:
     2019-01-02 11:10:58   linesInTheFile  11256
   pos:
Attributes:
   disable    0
   logtype    text
   room       Logfiles
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 03 Januar 2019, 14:59:42
Setze mal bei data-logfile statt „-„ „CURRENT“
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: FFHEM am 03 Januar 2019, 15:23:42
Hallo eki,
vielen Dank, das war's!

Müsste bei Gelegenheit mal im Wiki geändert werden, ich hatte da noch "-" als Default für "aktuelle Datei" gelesen.

Gruß
Friedhelm
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 03 Januar 2019, 15:48:14
Das mit der aktuellen Datei stimmt schon, mit aktuell ist dabei die Datei gemeint, in die aktuell geloggt wird. Ich werde es aber im Wiki ergänzen (CURRENT bedeutet, dass das File abhängig vom geplotteten Startwert genommen wird)
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: FFHEM am 03 Januar 2019, 15:49:29
Prima, vielen Dank!
Gruß, Friedhelm
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stütti am 29 Januar 2019, 23:13:24
Problem müsste in der angehängten Version bereinigt sein (bitte sowohl das js File wie auch das css File austauschen), ich habe allerdings noch keine Zeit gehabt, weitere Dinge zu testen, die möglicherweise im Zusammenhang mit 2.7.2 auftreten. Es könnte also noch etwas nachkommen.

Guten Abend,
ich habe schon seit einiger Zeit das Problem, dass Symbole (z.B. fa-circle-o) im Chart als Datenpunkte nicht mehr angezeigt werden - siehe angehängtes Bild.

Als Workaround habe ich das data-ptype-Attribut an den entsprechenden Stellen mit "points" gesetzt, damit die Datenpunkte angezeigt werden.
Jetzt wollte ich es nochmals angehen, habe u.a. eki's css und js ausgetauscht (falls die nicht ohnehin mittlerweile mit dem Update mitkommt) und auch die @import-Zeile testweise mal auskommentiert. Leider scheinen die Font-Awesome-Icons weiterhin nicht korrekt eingebunden zu werden.

Dieselben Icons werden in anderen Widgets problemlos dargestellt.

So ist das Widget definiert:
<div  data-type="chart"
data-logdevice='["FileLog_Aussen.Temp","Vaillant_log","Vaillant_log","Vaillant_log","Vaillant_log","Vaillant_log"]'
data-columnspec='["4:Aussen.Temp.temperature","4:statWWStundenDayLast","4:statHzStundenDayLast","4:statPumpenstundenDayLast","4:WW_IST::","4:Vorlauf_IST::"]'
  data-style='["ftui l2","ftui l6sym","ftui l2sym","ftui l0sym","ftui l6","ftui l1fill"]'
data-ptype='["lines","fa-circle-o","points","points","lines","lines"]'
data-uaxis='["primary","primary","primary","primary","secondary","secondary"]'
  data-legend='["Temperatur Aussen", "&#9679; WWStunden", "&#9679; HzStunden", "&#9679; Pumpenstunden", "Wasser IST", "Vorlauf IST"]'
data-yunit="°C/h"
data-ytext="Temperatur/Stunden"
data-yunit_sec="°C"
data-ytext_sec="Temperatur"
  data-minvalue="-5"
data-minvalue_sec="10"
data-maxvalue="30"
data-maxvalue_sec="80"
data-xticks="1440"
data-yticks="5"
data-yticks_sec="10"
data-daysago_start="6"
data-daysago_end="-1"
data-crosshair="false"
data-scrollgroup="1"
  data-showlegend="true"
class="big fullsize nobuttons top-space">
</div>

Hat jemand eine Idee, woran das liegen könnte?

Danke und Gruß
Stütti
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 30 Januar 2019, 11:29:06
Da hat sich wohl noch ein Fehler mit der Einführung der neuen Font Awesome Icons (FTUI Version > 2.7.1 durch setstate im Chart eingeschlichen (siehe auch https://forum.fhem.de/index.php/topic,48450.msg837020.html#msg837020 (https://forum.fhem.de/index.php/topic,48450.msg837020.html#msg837020)).
In der angehängten Version sollte das repariert sein.

Wird demnächst, wenn ich ein paar anderere Baustellen beseitigt habe, auch in die mit "Update" verteilte Version kommen.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stütti am 30 Januar 2019, 21:11:07
Hallo eki,

danke zunächst.
Leider sehen meine Datenpunkte noch so aus wie vorher.
Kann ich noch was testen bzw. benötigst du ggf. noch weitere Infos?

Stütti
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 31 Januar 2019, 07:38:40
Hast Du nach dem Austauschen des Files den Browser Cache gelöscht (Strg + Shift + Entf)? Bitte schau noch mal ob Du auch die css Datei aus dem folgenden Post https://forum.fhem.de/index.php/topic,48450.msg837020.html#msg837020 (https://forum.fhem.de/index.php/topic,48450.msg837020.html#msg837020)verwendest.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stütti am 31 Januar 2019, 09:35:27
Ja, den Cache hatte ich geleert. Habe es auch gerade nochmals mobil auf einem Browser getestet, auf dem die Seite noch nie geöffnet wurde.

Die CSS ist auch die aus dem erwähnten Post. Laut Compare-Tool ist das aber die gleiche, die auch im Master-Branch im Git liegt.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 31 Januar 2019, 11:41:32
Hast Du irgendwo (z.B. in der ftui-tablet-ui-user.css) font-weight gesetzt. Hast Du überhaupt FTUI 2.7.2 oder höher. Sind die Font Awesome Fonts richtig installiert
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 31 Januar 2019, 12:48:48
Eventuell kannst Du ja auch mal Dein komplettes HTML hier posten, vielleicht fällt mir ja was auf.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stütti am 31 Januar 2019, 17:09:34
FTUI habe ich die Version 2.7.10

Font-weight habe ich gesetzt, aber "nur" für .button und .warn_symbol. Ich kann aber heute Abend nochmals über die DevTools gucken, was ausgewertet wird. Mir ist aufgefallen, dass das Icon selbst mit stroke-width=0px ankommt und der Parent-Container (der gesamte Graph) stroke-width=12px bekommt. Ist das korrekt? Details dazu kann ich ggf. später noch posten.
Meinst du mein HTML oder das, was im Browser ankommt? Der Chart selbst liegt auf einer Pagebutton-Seite.

Was bedeutet "Font Awesome richtig installiert" bzw. woran erkenne ich das? FTUI aktualisiere ich per update all https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt da bin ich davon ausgegangen, dass da alles mitkommt.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 01 Februar 2019, 09:17:28
stroke width ist absicht, das betriff ja die Liniendicke, sonst werden die Symbole (sind ja SVGs) mit dicken Linien gezeichnet, das würde komisch aussehen.
Wenn Du schon in den DevTools bist, ist bei dem Text element (das mit stroke-width = 0) eine font-family gesetzt? Wenn ja, welche, wenn nein, läuft die falsche Version des widgets (dann noch mal prüfen, ob Du die widget_chart.js von oben wirklich an die richtige Stelle kopiert hast).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Lichti am 01 Februar 2019, 10:06:11
Interessehalber habe ich die Anzeige mit Symbolen jetzt auch mal probiert.
Sind bei mir auch nicht zu sehen.
FTUI-Version: 2.7.6

Was mir allerdings aufgefallen ist:
Mit der neuen Version blinkt der Hintergrund des Widgets in gewissem Abstand (vermutlich beim Akzualisieren) kurz hell auf.
Allerdings nur am iPad, am PC mit Firefox nicht,
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stütti am 01 Februar 2019, 20:57:58
stroke width ist absicht, das betriff ja die Liniendicke, sonst werden die Symbole (sind ja SVGs) mit dicken Linien gezeichnet, das würde komisch aussehen.
Wenn Du schon in den DevTools bist, ist bei dem Text element (das mit stroke-width = 0) eine font-family gesetzt? Wenn ja, welche, wenn nein, läuft die falsche Version des widgets (dann noch mal prüfen, ob Du die widget_chart.js von oben wirklich an die richtige Stelle kopiert hast).

So, ich habe jetzt mal die fhem-tablet-ui-user.css auskommentiert, um diese auszuschließen.
Ja, dem Element ist eine font-family zugewiesen - Font Awesome 5 Free:

Element {
stroke-width: 0px;
fill: rgb(51, 51, 204);
font-size: 12px;
text-anchor: middle;
font-family: "Font Awesome 5 Free";
}

Die Version von widget_chart.js über den Debugger ausgelesen:
/* FTUI Plugin
 * Copyright (c) 2015-2017 Kurt Eckert
 * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
 */
/* Version 2.8.1
/* Compatible FTUI Version >= 2.7.2

Hier noch die index.html
<!DOCTYPE html>
<html>

<head>
  <!--
     /* FHEM tablet ui */
     /*
     * Just another dashboard for FHEM
     *
     * Version: 1.4.4
     * Requires: jQuery v1.7+, font-awesome, jquery.gridster, jquery.toast
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015 Mario Stephan <mstephan@shared-files.de>
     * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
     *
     * - create a new folder named 'tablet' in /<fhem-path>/www
     * - copy all files incl. sub folders into /<fhem-path>/www/tablet
     * - add 'define tablet_ui HTTPSRV tablet ./www/tablet Tablet Frontend' in fhem.cfg
     * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
     */
    -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <!-- <meta name="widget_base_width" content="48">
    <meta name="widget_base_height" content="57"> -->
  <meta name="gridster-cols" content="22" />
  <meta name="gridster-rows" content="12" />
  <meta name="mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="longpoll" content="1" />
  <meta name="longpoll_type" content="websocket" />
  <meta name="longpoll_filter" content=".*">
  <meta name="debug" content="0" />
  <meta name='gridster_disable' content='1' />
  <meta name='lang' content='de' />

  <link rel="stylesheet" href="/fhem/tablet/lib/jquery.gridster.min.css" />
  <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui.css" />
  <link rel="stylesheet" href="/fhem/tablet/lib/font-awesome.min.css" />
  <link rel="stylesheet" href="/fhem/tablet/lib/jquery.toast.min.css" />

  <!-- define your personal style here, it wont be overwritten  -->
  <!-- <link rel="stylesheet" href="/fhem/tablet/css/fhem-green-ui.css" /> -->
  <!-- <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-user.css" /> -->

  <link rel="stylesheet" href="/fhem/tablet/css/even.css" data-type="theme" data-device="EvenOddDay" data-get-on="even" />
  <link rel="stylesheet" href="/fhem/tablet/css/odd.css" data-type="theme" data-device="EvenOddDay" data-get-on="odd" />

  <script src="/fhem/pgm2/jquery.min.js" defer></script>
  <script src="/fhem/tablet/lib/jquery.toast.min.js" defer></script>
  <script src="/fhem/tablet/lib/jquery.gridster.min.js" defer></script>
  <script src="/fhem/tablet/js/fhem-tablet-ui.min.js" defer></script>

  <!-- Remove this line to enable for usage with WebViewControl
    <script defer>var wvcDevices = {'12345': 'Tablet'}; var wvcUserCssFile="webviewcontrol.css"</script>
    <script src="/fhem/pgm2/cordova-2.3.0.js" defer></script>
    <script src="/fhem/pgm2/webviewcontrol.js" defer></script>
     <!-- End for WebViewControl -->

  <title>FHEM-Tablet-UI</title>
</head>

<body>
  <div class="gridster">
    <ul>
      <li data-row="1" data-col="1" data-sizex="4" data-sizey="12">
        <header>MENU</header>
        <div class="sheet">
          <div data-type="pagebutton" data-url="#home.html" data-load="#content1" data-active-pattern="(.*/||.*#home.html)" data-icon="fa-home" data-background-icon="fa-circle-thin" data-on-color="#eeeeee" data-off-color="#eeeeee"
            data-on-background-color="#eeeeee" class="default cell bigger"></div>
          <div data-type="pagebutton" data-url="#klima.html" data-load="#content2" data-active-pattern=".*#klima.html" data-icon="fa-thermometer" data-background-icon="fa-circle-thin" data-on-color="#eeeeee" data-off-color="#eeeeee"
            data-on-background-color="#eeeeee" class="prefetch cell bigger"></div>
          <div data-type="pagebutton" data-url="#heizung.html" data-load="#content3" data-active-pattern=".*#heizung.html" data-icon="fa-area-chart" data-background-icon="fa-circle-thin" data-on-color="#eeeeee" data-off-color="#eeeeee"
            data-on-background-color="#eeeeee" class="prefetch cell bigger"></div>
          <div data-type="pagebutton" data-url="#system.html" data-load="#content4" data-active-pattern=".*#system.html" data-icon="fa-gear" data-background-icon="fa-circle-thin" data-on-color="#eeeeee" data-off-color="#eeeeee"
            data-on-background-color="#eeeeee" class="cell bigger"></div>
          <div class="row">
            <div class="cell bigger"></div>

          </div>
          <div class="row">
            <div class="cell">
              <div data-type="clock" data-format="G:i" class="tall"></div>
              <div data-type="clock" data-format="j. F Y" class=""></div>
            </div>
          </div>
        </div>
      </li>
      <li data-row="1" data-col="5" data-sizex="18" data-sizey="12">
        <div class="page" id="content1"></div>
        <div class="page" id="content2"></div>
        <div class="page" id="content3"></div>
        <div class="page" id="content4"></div>

      </li>
    </ul>
  </div>
</body>

</html>

Und die entsprechende Pagetab-Seite (heizung.html)
<!DOCTYPE HTML>
<html>

<head>
<title>HEIZUNG</title>
</head>

<body>
<div class="page" id="content3">
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="16" data-sizey="10">
<header>HEIZUNG</header>
<div  data-type="chart"
data-logdevice='["FileLog_Aussen.Temp","Vaillant_log","Vaillant_log","Vaillant_log","Vaillant_log","Vaillant_log"]'
data-columnspec='["4:Aussen.Temp.temperature","4:statWWStundenDayLast","4:statHzStundenDayLast","4:statPumpenstundenDayLast","4:WW_IST::","4:Vorlauf_IST::"]'
data-logfile='["-","Vaillant_log-2019-01.log","Vaillant_log-2019-01.log","Vaillant_log-2019-01.log","-","-"]'
  data-style='["ftui l2","ftui l6sym","ftui l2sym","ftui l0sym","ftui l6","ftui l1fill"]'
data-ptype='["lines","fa-circle-o","points","points","lines","lines"]'
data-uaxis='["primary","primary","primary","primary","secondary","secondary"]'
  data-legend='["Temperatur Aussen", "&#9679; WWStunden", "&#9679; HzStunden", "&#9679; Pumpenstunden", "Wasser IST", "Vorlauf IST"]'
data-yunit="°C/h"
data-ytext="Temperatur & Stunden"
data-yunit_sec="°C"
data-ytext_sec="Temperatur"
  data-minvalue="-5"
data-minvalue_sec="10"
data-maxvalue="30"
data-maxvalue_sec="80"
data-xticks="1440"
data-yticks="5"
data-yticks_sec="10"
data-daysago_start="6"
data-daysago_end="-1"
data-crosshair="false"
data-scrollgroup="1"
  data-showlegend="true"
class="big fullsize nobuttons top-space">
</div>
</li>
<li data-row="11" data-col="1" data-sizex="16" data-sizey="2">
<header>ZÄHLERSTÄNDE</header>
<div class="sheet">
<div class="row">
<div class="cell">
<div data-type="label" class="bold">GAS</div>
<div data-type="label" data-device="GasCal" data-get="AC_Gas4_Meter" data-unit="m³" class="big"></div>
</div>
<div class="cell">
<div data-type="label" class="bold">STROM</div>
<div data-type="label" data-device="ElectricityCal" data-get="AC_Strom6_CounterCurrent" data-unit="kWh" class="big"></div>
</div>
<div class="cell">
<div data-type="label" class="bold">WASSER</div>
<div data-type="label" data-device="WaterCal" data-get="AC_Wasser5_CounterCurrent" data-unit="m³" class="big"></div>
</div>
</div>
</div>
</li>
<li data-row="1" data-col="17" data-sizex="2" data-sizey="12">
<header>WERTE HEIZUNG</header>
<div data-type="label" class="bold top-space">Au&szlig;en</div>
<div data-type="label" data-device="Aussentemp" data-get="Aussentemp" data-unit="%B0C%0A" class="big"></div>
<div data-type="label" class="bold top-space">Raum IST</div>
<div data-type="label" data-device="RaumTemp_IST" data-get="RaumTemp_IST" data-unit="%B0C%0A" class="big"></div>
<div data-type="label" class="bold top-space">Raum SOLL</div>
<div data-type="label" data-device="RaumTemp_SOLL" data-get="RaumTemp_SOLL" data-unit="%B0C%0A" class="big"></div>
<div data-type="label" class="bold top-space">Vorlauf SOLL</div>
<div data-type="label" data-device="Vorlauf_SOLL" data-get="Vorlauf_SOLL" data-unit="%B0C%0A" class="big"></div>
<div data-type="label" class="bold top-space">Vorlauf IST</div>
<div data-type="label" data-device="Vorlauf_IST" data-get="Vorlauf_IST" data-unit="%B0C%0A" class="big"></div>
<div data-type="label" class="bold top-space">R&uuml;cklauf</div>
<div data-type="label" data-device="Ruecklauf" data-get="Ruecklauf" data-unit="%B0C%0A" class="big"></div>
<div data-type="label" class="bold top-space">Wasser SOLL</div>
<div data-type="label" data-device="WW_SOLL" data-get="WW_SOLL" data-unit="%B0C%0A" class="big"></div>
<div data-type="label" class="bold top-space">Wasser IST</div>
<div data-type="label" data-device="WW_IST" data-get="WW_IST" data-unit="%B0C%0A" class="big"></div>
<div data-type="label" class="bold top-space">Heizkurve</div>
<div data-type="label" data-device="HKurve" data-get="HKurve" data-unit="" class="big"></div>
<div data-type="label" class="bold top-space">HzStunden</div>
<div data-type="label" data-device="HzStunden" data-get="HzStunden" data-unit="h" class="big"></div>
<div data-type="label" class="bold top-space">Pumpenstunden</div>
<div data-type="label" data-device="Pumpenstunden" data-get="Pumpenstunden" data-unit="h" class="big inline"></div>
<div data-type="label" class="bold top-space">Wasserdruck</div>
<div data-type="label" data-device="Wasserdruck" data-get="Wasserdruck" data-unit="bar" class="big"></div>
</li>
</ul>
</div>
</div>
</body>

</html>

Edit: Ausgewertet sieht das für einen Datenpunkt so aus:
<text style="stroke-width: 0px;fill: rgb(51, 51, 204);font-size:12px;text-anchor:middle;font-family:&quot;Font Awesome 5 Free&quot;" min="0" x="369.2662637362637" y="611.89968" transform="translate(369.2662637362637 611.89968) scale(1,1) translate(-369.2662637362637 -611.89968)"></text>Wenn ich die Symbole in anderen Widgets einbinde,  gibt es immer ein Pseudo-Element ::before. Müsste das hier auch so sein?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: curt am 03 Februar 2019, 03:21:02
Hallo @eki,
ich stelle mich mal wieder zu doof an.

Ich will "Strom" grafisch darstellen. In FHEM/SVG funktioniert das auch schön:

# Created by FHEM/98_SVG.pm, 2019-01-31 19:36:15
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 title '<TL>'
set ytics
set y2tics
set grid y2tics
set ylabel ""
set y2label "Watt"
set y2range 0:20

#FileLog_Stecker_01 4:Stecker_01.power\x3a::

plot "<IN>" using 1:2 axes x1y2 title 'Lampe AZ' ls l0 lw 1 with lines

Nun dachte ich, dass dass im Chart-Widget so geht:

<div class="top-space"
      data-type="chart"
      data-device='["Stecker_01","Stecker_02","Stecker_11","Stecker_06"]'
      data-logdevice='["FileLog_Stecker_01","FileLog_Stecker_02","FileLog_Stecker_11",FileLog_Stecker_06]'
      data-logfile="-"
      data-columnspec='["4:Stecker_01.power\\x3a::","4:Stecker_02.power\\x3a::","4:Stecker_11.power\\x3a::","4:Stecker_06.power\\x3a::"]'
      data-style='["ftui l2","ftui l6","ftui l1fill","ftui l1"]'
      data-height="165px"
      data-uaxis='["secondary","secondary","secondary","secondary"]'
      data-legend='["Lampe AZ","Pflanze","Server","PC"]'
      data-ptype='["lines","lines","lines","lines"]'
      data-yunit=""
      data-ytext="Watt"
      data-minvalue="0"
      data-maxvalue="100"
      data-yunit_sec=""
      data-ytext_sec="Watt"
      data-yticks="10"
      data-minvalue_sec="0"
      data-maxvalue_sec="100"
      data-cursorgroup="1"
      data-scrollgroup="1">
 </div>

Es ist auch völlig egal, ob ich "4:Stecker_01.power\\x3a::" schreibe oder "4:power\\x3a::"

Eki, was mache ich da denn nun wieder falsch?

BTW: Eine sehr ähnliche Baustelle habe ich bei Feinstaub. Jaja, sage nichts, ich habe mir aus Neugier so einen Feinstaubsensor gekauft, 60 Tacken waren es. Ja, ich weiß, dass man das alles nicht sooo sehr ernst nehmen muss. Ja doch, ich weiß auch, wie das mit Messungen von Laien mit ungeeignetem Messgerät ist. - Das Problem ist eher, dass ich den Unfug nicht visualisiert bekomme.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 04 Februar 2019, 11:10:11
So, ich habe jetzt mal die fhem-tablet-ui-user.css auskommentiert, um diese auszuschließen.
Ja, dem Element ist eine font-family zugewiesen - Font Awesome 5 Free:
...


Jetzt wird es klarer. Mit der neuen Version von Font Awesome (Version 5), die setstate ab 2.7.2 in ftui eingebaut hat, funktioniert das ausfüllen der icons anders. es gibt nicht mehr die extension -o um auszufüllen, man muss eine zweite Klasse anfügen ("fas" für solid und "far" für regualr also nicht ausgefüll, das ist auch der Default). Das muss ich so noch entsprechend einbauen. Bis dahin kannst Du nur entweder alle Graphen eines Charts auf gefüllt oder alle auf regular setzten. Dazu musst Du folgendes machen:

statt "fa-circle-o" nur "fa-circle" setzen und zusätzlich beim ganzen Chart die Klasse "fas" hinzugüfgen, also:
class="big fullsize nobuttons top-space fas"
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 04 Februar 2019, 11:26:20
Zitat
Eki, was mache ich da denn nun wieder falsch?

Bei data-logdevice fehlen beim letzten Eintrag die Anführungszeichen.
data-logdevice='["FileLog_Stecker_01","FileLog_Stecker_02","FileLog_Stecker_11","FileLog_Stecker_06"]'


Falls das nicht hilft, bitte poste mal einen kurzen Ausschnitt aus Deinem Logfile.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: curt am 04 Februar 2019, 19:37:59
Maaaaan - bin ich ... :( Ich hatte gesucht ohne Ende. Leider hatte ich mich auf Fehler bei data-columnspec konzentriert. Danke, @eki !

Bitte noch eine Frage:
Vier Verbraucher, zwei maximal 2.500 Watt, die beiden anderen maximal 100 Watt. Ich hatte die Sache so verstanden, dass ich die primary bzw. secondary zuordne, mit zwei unterschiedlichen Skalen. Und dann ginge das. Geht leider nicht. Hmmm. Schau mal bitte kurz:

<div class="top-space"
      data-type="chart"
      data-device='["Stecker_03","Stecker_04","Stecker_05","Stecker_13"]'
      data-logdevice='["FileLog_Stecker_03","FileLog_Stecker_04","FileLog_Stecker_05","FileLog_Stecker_13"]'
      data-logfile="-"
      data-columnspec='["4:Stecker_03.power\\x3a::","4:Stecker_04.power\\x3a::","4:Stecker_05.power\\x3a::","4:Stecker_13.power\\x3a::"]'
      data-style='["ftui l2","ftui l6","ftui l5","ftui l4"]'
      data-height="165px"
      data-uaxis='["primary","secondary","secondary","primary"]'
      data-legend='["Fernseher","Kaffeemaschine","Mikrowelle","Cam 24"]'
      data-ptype='["lines","lines","lines","lines"]'
      data-yunit=""
      data-ytext="Watt"
      data-minvalue="0"
      data-maxvalue="100"
      data-yunit_sec=""
      data-ytext_sec="Watt"
      data-yticks="10"
      data-minvalue_sec="0"
      data-maxvalue_sec="2500"
      data-cursorgroup="1"
      data-scrollgroup="1">
 </div>
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: Stütti am 04 Februar 2019, 22:41:40
Hallo eki,

[...]
Dazu musst Du folgendes machen:

statt "fa-circle-o" nur "fa-circle" setzen und zusätzlich beim ganzen Chart die Klasse "fas" hinzugüfgen, also:
class="big fullsize nobuttons top-space fas"

-> Dann kommt bei mir im Element font-family: FontAwesome; an. Wenn ich das wiederum in font-family: "Font Awesome 5 free"; ändere, wird schon mal der fa-circle in regular angezeigt. Zusätzlich liefert mir die svg_style.css noch font-weight: 300;. Wenn ich das noch auskommentiere oder in 900 ändere, wird auch fa-circle in solid angezeigt.

Gruß
Stütti
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 05 Februar 2019, 07:47:14
Zitat
Vier Verbraucher, zwei maximal 2.500 Watt, die beiden anderen maximal 100 Watt. Ich hatte die Sache so verstanden, dass ich die primary bzw. secondary zuordne, mit zwei unterschiedlichen Skalen. Und dann ginge das. Geht leider nicht. Hmmm. Schau mal bitte kurz:

Das sieht eigentlich so OK aus, was genau geht denn nicht?
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: curt am 06 Februar 2019, 17:23:13
@eki
Auf secondary habe ich Mikrowelle und Kaffeemaschine, daher 2500 (Watt). Aber deren Graphen normieren nicht darauf - sondern auf primary (100).
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: eki am 06 Februar 2019, 17:45:59
Dann schick mal bitte kleine Auszüge aus Deinen Logfiles.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: curt am 06 Februar 2019, 17:50:18
Dann schick mal bitte kleine Auszüge aus Deinen Logfiles.

Bitte konkreter - was ist von Interesse?

In froher Erwartung Deiner Konkretisierung habe ich alle fraglichen Logs durchwühlt ... und den Fehler selbst gefunden. Trotzdem herzlichen Dank.
Titel: Antw:FTUI Neue Version chart_widget
Beitrag von: curt am 07 Februar 2019, 02:08:44
Setze mal bei data-logfile statt „-„ „CURRENT“
Müsste bei Gelegenheit mal im Wiki geändert werden, ich hatte da noch "-" als Default für "aktuelle Datei" gelesen.

Ich war so frei - bitte mal Verständlichkeit prüfen: https://wiki.fhem.de/wiki/FTUI_Widget_Chart#Attribute

Ist "-" noch default? Fa