Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Timmerx]

Hallo Leute,

ich möchte meine Heizung visualisieren, hierfür brauche eine "Strich" als Leitung von der Wärmepumpe zum Boiler.

Wenn die Wärmepumpe für die Heizung läuft soll der Strich z.b. Rot sein, wenn die Wärmepumpe für die Warmwasserbereitung läuft soll der gleiche Strich z.b. Blau dargestellt werden.

Ist möglich ? Ein Icon mit mehreren Variablen verknüpfen?

Natürlich habe ich die beiden Variablen im Io Broker aus der S7 M0.0 = Heizungsbetrieb, M0.1 = WWbetrieb.

Kann mir hier jemand helfen ?

Vielen Dank schonmal

[Linedancer]

Hallo,

du suchst den "plumb style Widgets" Adapter.

[Timmerx]

Hallo,

ja der Widget ist super.

Leider kann ich an "Pipe" nur eine Variable dranhängen.

Ich würde aber gerne an ein Icon zwei Varibalen hängen.

Heizung an = rot

Heizung aus = grau

WWbereitung an = blau

WWbereitung aus = grau

so kann ich immer sehen ob die Wärmepumpe aus ist (Pipe = grau) oder an ist und Heizung macht (Pipi = rot) oder ob die Wärmepumpe an ist und Warmwasser macht (Pipe = blau).

Ist das möglich oder muss ich zwei Linien (Pipes) übereinander legen?

[Linedancer]

Soweit ich weis ist das nicht möglich, du musst halt 2 Linien übereinander legen und die Sichtbarkeit steuern.

[arteck]

so etwa

[{"tpl":"tplMetroTileBool","data":{"oid":"javascript.1.wohnung.Rollos.rollosperre","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","hover":false,"label_false":"","label_true":"","bg_class_false":"bg-red","bg_class_true":"bg-lime","icon_badge_false":"","icon_badge_true":"","badge_bg_class_false":"","badge_bg_class_true":"","badge_top":"0","badge_left":"0","brand_bg_class_false":"","brand_bg_class_true":"","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"g_icon":true,"icon_class_false":"","icon_class_true":"","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"762px","top":"254px","width":"80px","height":"3px","z-index":"2","border-width":"1px","border-color":"","border-style":"","border-radius":"5px"},"widgetSet":"metro"}]

[RappiRN]

Oder du nimmst einfach das html-Widget, stellst bei Breite oder eben Höhe, je nachdem, ob der Strich waagerecht oder senkrecht verlaufen soll, "0" ein und kannst dann über die Randbreite die Strichbreite eintragen. Als Farbe kannst du dann einen javascript-Datenpunkt anlegen und verwenden und dort dann per Script bzw. Binding heißt das glaub ich die entsprechende Farbe anzeigen lassen.

Enrico