New FHEM Tablet UI

[bjoernbo]

ES GEHT! Ich werd wahnsinnig!! Nachdem ich FHEM einmal durchgestartet habe, tut es nun auch °°!!!!

[bjoernbo]

Das auf der X-Achse keine Zeitangabe ist, ist richtig und bekannt, oder?

bleibt nur noch die Frage warum ich jetzt diesen Versatz drin habe 

Irgendwie sind die Abstände größer geworden. An welcher Stelle kann ich diese in der ui.css anpassen?

[bjoernbo]

<li data-row="1" data-col="2" data-sizex="4" data-sizey="2">
   <div data-type="simplechart"
          data-logdevice="FileLog_Ben.Wandthermostat"
        data-logfile="Ben.Wandthermostat-2015.log"
        data-columnspec="4:measured-temp:.*1:int"
        data-minvalue="10"
        data-maxvalue="24"
        data-yticks="2"
        data-daysago="0"
        data-caption="Kinderzimmer Ben">
</li>

Wenn man zuvor noch mit <header> arbeitet bräuchte man Strenggenommen kein "data-caption" !

[Nobby1805]

Das auf der X-Achse keine Zeitangabe ist, ist richtig und bekannt, oder?

bleibt nur noch die Frage warum ich jetzt diesen Versatz drin habe 

bei mir fehlen Caption UND die Zeitangaben ... vermutlich aus demselben Grund

Wie gesagt, den Versatz hatte ich bis heute morgen auch ... dann hat setstate noch mal einen Update der CSS gemacht

[setstate]

Vermutlich hat Björnbo die CELL Änderung nicht mitbekommen.Die nach oben Abstände sind dort größer  geworden( ist jetzt gleich dem nach links)

Da könntest du entweder
- deine html anpassen und alle unnötigen class="cell" rauswerfen
- oder eine <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-user.css" /> einbinden und dort die "alte" cell Definition reinwerfen

[bjoernbo]

  das ist mir echt durch die Lappen gegangen! Da werde ich eine Menge zu tun haben. SHIT

[bjoernbo]

  Habe meine alte ui.css aktiviert und sie da! Mir wird weiterhin ohne Problem der "Graph" angezeigt

U N D !!!!!

auf meinem Andoird tablet wird mir zudem auf er X-Achse die Zeitangabe ausgegeben, welche im Safari nicht angezeigt wird !!!!!

ALLES GUT !

Ach, auf dem Tablet funktioniert auch "data-caption"

[bendim]

Hallo,
kann mir jemand helfen wie die data-columnspec für ein simplechart aussehen muss?

Mein Log sieht so aus

Code Auswählen Erweitern


2015-06-11_18:49:47 LaCr.Thermo01 T: 22.9 H: 54.2 D: 13.1
2015-06-11_18:46:43 LaCr.Thermo01 T: 22.9 H: 54.2 D: 13.1
2015-06-11_18:35:32 LaCr.Thermo01 T: 22.9 H: 53.2 D: 12.9


Ich möchte die Temperatur ausgeben lassen (22.9).

Vielen dank im Voraus.

[bjoernbo]

  LaCorsse 

data-columnspec="3:T:.*1:int"

sollte funktionieren.

[Nobby1805]

LaCorsse 

data-columnspec="3:T:.*1:int"

sollte funktionieren.

aus meiner Sicht eher die Spalte 4 ... und .*1 für den dritten Teilausdruck ist auch nicht richtig, der Punkt und der Stern gehören ggf. zum 2. Ausdruck (RegEx)

[Nobby1805]

und 7) kann es sein, dass die Werte auf ganze Zahlen gerundet werden ?

die Frage kann ich mir inzwischen selbst beantworten ...

Beim columnspec muss das int als 4. Element weggelassen werden ... s. Auszug aus der FHEM-Doku

<col>:<regexp>:<default>:<fn>
◾<fn> Kann folgende Inhalte haben:
◾int
Löst den Integer-Wert zu Beginn eines Strings heraus. Wird z.B. bei 10% gebraucht.

[bendim]

@bjoernbo funktioniert leider nicht.
Die Konsole spuckt folgendes aus:
Parameter

Code Auswählen Erweitern

get FileLog_LaCr.Thermo01 LaCr.Thermo01-2015.log - 2015-06-11_00:00:00 2015-06-12_00:00:00 3:T:.*1:i
nt

Antwort

Code Auswählen Erweitern

2015-06-11_00:00:00 .*1
#3:T:.*1:int

mit 4:T.*1::int bekomm ich folgende antowort, aber es wird kein Diagramm angezeigt. Woran kann das liegen?

Code Auswählen Erweitern

2015-06-11_18:46:43 22
2015-06-11_18:49:47 22
2015-06-11_19:43:21 22
2015-06-11_19:47:05 22
#4:T.*1::int


Gibt es eine Beschreibung wie sich der Wert zusammen setzt?

[Nobby1805]

ja, in der FHEM Commandref unter FileLog

◾<column_spec>
Jede column_spec sendet die gewünschten Daten entweder in eine gesonderte Datei oder über die gegenwärtige Verbindung durch "-" getrennt.
Syntax: <col>:<regexp>:<default>:<fn>
◾<col> gibt die Spaltennummer zurück, beginnend mit 1 beim Datum. Wenn die Spaltenmummer in doppelten Anführungszeichen steht, handelt es sich um einen festen Text und nicht um eine Spaltennummer.
◾<regexp> gibt, falls vorhanden, Zeilen mit Inhalten von regexp zurück. Groß- und Kleinschreibung beachten.
◾<default>
Wenn keine Werte gefunden werden, und der Default-Wert (Voreinstellung) wurde gesetzt, wird eine Zeile zurückgegeben, die den von-Wert (from) und diesen Default-Wert enthält. Dieses Leistungsmerkmal ist notwendig, da gnuplot abbricht, wenn ein Datensatz keine Daten enthält.
◾<fn> Kann folgende Inhalte haben:
◾int
Löst den Integer-Wert zu Beginn eines Strings heraus. Wird z.B. bei 10% gebraucht.
◾delta-h oder delta-d
Gibt nur den Unterschied der Werte-Spalte pro Stunde oder pro Tag aus. Wird benötigt, wenn die Spalte einen Zähler enthält, wie im Falles des KS300 in der Spalte für die Regenmenge.
◾alles andere
Dieser String wird als Perl-Ausdruck ausgewertet. @fld enthaelt die aktuelle Zeile getrennt durch Leerzeichen. Achtung: Dieser String/Perl-Ausdruck darf keine Leerzeichen enthalten.

"4:T:1::" wäre m.E. die richtige Angabe

[Nobby1805]

Update: Ich habe bei einer Suche im Netz nur den Workaround gefunden, auf das Attribut "non-scaling-stroke" zu verzichten  und das scaling durch eigene Berechnung der stroke-width zu kompensieren ... ich schaue mal bei Windows 10 wie der neue MS-Browser sich dort verhält

Für die y-Ticks habe ich die Skalierung hinbekommen ...

Code Auswählen Erweitern

//                                'style':'stroke:#555;stroke-width:1px',     
                                'style':'stroke:#555;stroke-width:'+(max-min)/200+'px',

aber bei den Kurven klappt das nicht weil ich es irgendwie nicht schaffe auf max und min zuzugreifen

[bendim]

Danke Nobby1805.

Verwende jetzt 4:LaCr.Thermo03.*:0: und in der Konsole kommt auch das an.
Parameter

Code Auswählen Erweitern

get FileLog_LaCr.Thermo03 LaCr.Thermo03-2015.log - 2015-06-11_00:00:00 2015-06-12_00:00:00 4:LaCr.Thermo03
.*:0:

Antwort

Code Auswählen Erweitern

...
2015-06-11_20:25:02 21.7
2015-06-11_20:30:02 21.5
2015-06-11_20:34:08 21.4
2015-06-11_20:42:00 21.2
2015-06-11_20:46:27 21.1
2015-06-11_20:49:51 21.1
#4:LaCr.Thermo03.*:0:

Aber es wird kein Diagramm angezeigt.

Code Auswählen Erweitern


<li data-row="1" data-col="1" data-sizex="4" data-sizey="2">
<header>CHARTS</header>
    <div data-type="simplechart"
        data-logdevice="FileLog_LaCr.Thermo03"
        data-logfile="LaCr.Thermo03-2015.log"
        data-columnspec="4:LaCr.Thermo03.*:0:"
        data-minvalue="10"
        data-maxvalue="30"
        data-yticks="4"
        data-daysago="0"
        data-caption="Wohnzimmer" class="inline cell top-space-2x">
    </div>
</li>