neue svg-Funktion: card

[mumpitzstuff]

Umwelzpumpe -> Umwälzpumpe (glaube ich zumindest...)

[Damian]

Neue Version eingecheckt. Neue Funktionalität siehe letztes Beispiel:
https://wiki.fhem.de/wiki/DOIF/uiTable_Schnelleinstieg#Anzeige_eines_Werteverlaufs_und_des_aktuellen_Wertes_mit_Hilfe_der_SVG-Funktion_card

Diesmal ohne Rechtschreibfehler.

[moonsorrox]

ich habe auf einem komplett neuen Fhem welches nur Temperaturfühler beinhaltet mal diese Funktion Card ausprobiert, da ich gar nchts bekomme ausser einem initialized
Habe ich etwas übersehen oder braucht mein fhem noch etwas..?
DOIF ist aktuell das habe ich gerade per Update gemacht

Code Auswählen Erweitern

Internals:
   DEF        {} attr di_cards uiTable {package ui_Table;\
}\
"Außen"|card([Temperatur_Norden:temperature:col],"Außen","temp_outside",-10,60,undef,undef,"°C",&temp_hue,"1","130,,,,",undef,undef,Temperatur_Norden:humidity:col],0,100,undef,undef,"%",&hum_hue,"0")
setuuid di_cards 60ca2e27-f33f-b063-4add-4a35eb028b274744
   FUUID      60ca2eb4-f33f-b063-8f4d-c028b7a8cd872b40
   MODEL      Perl
   NAME       di_cards
   NOTIFYDEV  global
   NR         700
   NTFY_ORDER 50-di_cards
   STATE      initialized
   TYPE       DOIF
   VERSION    24643 2021-06-16 07:26:15
   READINGS:
     2021-06-17 13:11:47   mode            enabled
     2021-06-17 13:11:47   state           initialized
   Regex:
     accu:
     collect:
   condition:
     0         
   helper:
     DEVFILTER  ^global$
     NOTIFYDEV  global
     globalinit 1
     last_timer 0
     sleeptimer -1
   perlblock:
     0          block_01
   uiState:
   uiTable:
Attributes:
   room       DOIF,Temperaturen

[Damian]

Du hast offenbar die ganze Definition im DEF-Bereich vorgenommen.

Im DEF-Bereich soll hier aber nur {} stehen. Der Rest gehört in das Attribut ui_Table

Die Beispiele sind alle über Raw-Definition ins System zu übernehmen.

[moonsorrox]

OK, dass hatte ich so gar nicht gesehen probiere ich mal sofort, dann klappt das sicher auch...! Danke
liegt wohl an der Hitze 

[moonsorrox]

An welcher Stelle setze ich z.B. bei dieser Ansicht die Größe ein ich habe dieses Beispiel aus dem Wiki angepaßt für mich.
Ich hatte nach etlichen Kommas hinter dem letzten Wert die Länge erweitern können, aber die Größe habe ich nicht gefunden.

Code Auswählen Erweitern

defmod di_sprit DOIF ##
attr di_sprit alias Übersicht - 24 Stunden Kaufland
attr di_sprit room Spritpreise
attr di_sprit uiTable {package ui_Table;;}\
card([Kaufland:Diesel:col24],"Diesel","fuel","1.00","1.40",120,0,"Diesel €",undef,"2",",,1")\
card([Kaufland:SuperE5:col24],"Super E5","fuel","1.10","1.60",120,0,"Super €",undef,"2",",,1")

[Damian]

An welcher Stelle setze ich z.B. bei dieser Ansicht die Größe ein ich habe dieses Beispiel aus dem Wiki angepaßt für mich.
Ich hatte nach etlichen Kommas hinter dem letzten Wert die Länge erweitern können, aber die Größe habe ich nicht gefunden.

Code Auswählen Erweitern

defmod di_sprit DOIF ##
attr di_sprit alias Übersicht - 24 Stunden Kaufland
attr di_sprit room Spritpreise
attr di_sprit uiTable {package ui_Table;;}\
card([Kaufland:Diesel:col24],"Diesel","fuel","1.00","1.40",120,0,"Diesel €",undef,"2",",,1")\
card([Kaufland:SuperE5:col24],"Super E5","fuel","1.10","1.60",120,0,"Super €",undef,"2",",,1")

In der Doku zu card ist der $prop-Parameter wie folgt beschrieben:

$prop      # "<size>,<y-scaling>,<steps>,<noFooter>,<noColor>,<hring>,<width>", optional, <size>: Größe der der Karte, default = 130, <y-scaling>: feste Y-Skalierung: 1, sonst automatische Skalierung, <steps>: 1 für Stufen, <noFooter>: 1 für keine Fußzeile, <noColor>: 1 für graue y-Achsenbeschriftung, <hring>: 1 für Halbringdarstellung, <width>: Breite der Karte, default: 160

Jetzt musst du nur noch die Angabe in deinem Beispiel: ",,1" entsprechend anpassen.

[jkriegl]

In der Doku steht

$prop      # "<size>,<y-scaling>,<steps>,<noFooter>,<noColor>,<hring>,<width>"

also 6 Kommata, wenn Du die Breite meinst oder meinst Du die size?

[moonsorrox]

Alles klar jetzt habe ich es geschnallt... ja ich wollte die <size> haben

[Damian]

Alles klar jetzt habe ich es geschnallt... ja ich wollte die <size> haben

Dann die erste Zahl.

Es handelt sich um Perlfunktionen, daher muss man mit den Übergabeparametern in Perl leben. Attribute, die man setzen könnte, sind hier leider nicht möglich.

[moonsorrox]

Dann die erste Zahl.

Es handelt sich um Perlfunktionen, daher muss man mit den Übergabeparametern in Perl leben. Attribute, die man setzen könnte, sind hier leider nicht möglich.

Danke Damian, dass habe ich alles hinbekommen, sehr sehr schicke Ansichten die du da gebaut hast...
Was ich jetzt nochmal schauen muss ob ich auch zwei oder evtl. 3 nebeneinander hinbekomme, ist jetzt aber nicht so wichtig.
Ich hatte ja im Wiki schon einige nebeneinader oder auch untereinander gesehen, aber die sind evtl. nur so für die Ansicht dargestellt.

[Damian]

Danke Damian, dass habe ich alles hinbekommen, sehr sehr schicke Ansichten die du da gebaut hast...
Was ich jetzt nochmal schauen muss ob ich auch zwei oder evtl. 3 nebeneinander hinbekomme, ist jetzt aber nicht so wichtig.
Ich hatte ja im Wiki schon einige nebeneinader oder auch untereinander gesehen, aber die sind evtl. nur so für die Ansicht dargestellt.

siehe vorletztes Beispiel bei der card-Funktion (PV-Anlage)

[moonsorrox]

EDIT:// ich glaube jetzt habe ich gefunden das ich erst einmal eine Tabelle mit dem Layout erstellen muss, ist das richtig.?
Im Wiki ganz oben ist das wohl beschrieben..!! 
Dann muss ich da wohl die Cards einfügen.?

also was ich überhaupt nicht hinbekomme ist diese Ansicht aus dem Bild
https://forum.fhem.de/index.php?action=dlattach;topic=120088.0;attach=151523;image
das man nebeneinander zwei Card bekommt, ich habe in dem Beitrag die rote 1 gesehen, aber bei mir ändert das nichts. Oder muss das anders gemacht werden.?

Code Auswählen Erweitern

defmod di_sprit DOIF ##
attr di_sprit alias Übersicht - 24 Stunden Kaufland
attr di_sprit room Spritpreise
attr di_sprit uiTable {package ui_Table;;}\
card([Kaufland:Diesel:col24],"Diesel","fuel","1.00","1.40",120,0,"Diesel €",undef,"2",",,,1")\
card([Kaufland:SuperE5:col24],"Super E5","fuel","1.10","1.60",120,0,"Super €",undef,"2",",,,1")

[Damian]

EDIT:// ich glaube jetzt habe ich gefunden das ich erst einmal eine Tabelle mit dem Layout erstellen muss, ist das richtig.?
Im Wiki ganz oben ist das wohl beschrieben..!! 
Dann muss ich da wohl die Cards einfügen.?

also was ich überhaupt nicht hinbekomme ist diese Ansicht aus dem Bild
https://forum.fhem.de/index.php?action=dlattach;topic=120088.0;attach=151523;image
das man nebeneinander zwei Card bekommt, ich habe in dem Beitrag die rote 1 gesehen, aber bei mir ändert das nichts. Oder muss das anders gemacht werden.?

Code Auswählen Erweitern

defmod di_sprit DOIF ##
attr di_sprit alias Übersicht - 24 Stunden Kaufland
attr di_sprit room Spritpreise
attr di_sprit uiTable {package ui_Table;;}\
card([Kaufland:Diesel:col24],"Diesel","fuel","1.00","1.40",120,0,"Diesel €",undef,"2",",,,1")\
card([Kaufland:SuperE5:col24],"Super E5","fuel","1.10","1.60",120,0,"Super €",undef,"2",",,,1")

Das Trennzeichen zwischen zwei Zellen ist: |

siehe: https://wiki.fhem.de/wiki/DOIF/uiTable_Schnelleinstieg#Einfache_Tabellendefinition_ohne_Funktionen

[moonsorrox]

OK, vielen Dank...! 
Hat ein wenig gedauert bis ich es gebacken bekommen habe, aber jetzt siehts schick aus.
Muss noch die beiden unteren Werte der x-Achse formatieren, dann ist es gut