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

[I-Punkt]

Vielleicht auch eine Idee: Zwei dieser Widgets deckungsgleich über einander legen. Das untere ist orange/0/grün, das obere weiß/0/transparent (falls das geht) Dann unten die Einspeisung und drüber den negativen Netzbezug. Geht der Netzbezug zurück (negative Zahl wird kleiner) vergrößert sich der weiße Teil und deckt immer mehr von dem unten liegenden orangen Teil ab. Das geht bis 0 und ab da kommt dann Stück für Stück mit zunehmender Einspeisung der grüne Bereich zum Vorschein.

Oder zwei Viertelkreise nebeneinander zu einem Halbkreis und den linken mit "negativer" Drehrichtung.

[liv-in-sky]

falls trasnsparent gebraucht wird : als farbe rgba(100,100,100,0) eingeben

nicht wundern - es verwchwindet auch die schrift im farb-setting-feld -

[liv-in-sky]

mit deinem widget hab ich das nicht hinbekommen (man kann die laufrichtung nicht ändern ) - hab mal ein widget dazugefügt - damit gehts
es handelt sich um drei widgets, die je nach datenwert ein- und ausgeblendet werden - minus - 0 - plus (die widgets liegen aufeinander)
der null wert wird nicht oft sichtbar sein , es sei den du rundest in deinem script - ansonsten könntest du ja noch die einzelnen widgets anpassen bzw den unteren teil abdecken. die werte müssen auf jeden fall angepasst werden.

Spoiler

[{"tpl":"tplCGradialGauge","data":{"g_fixed":false,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":">","visibility-val":"0","visibility-groups-action":"hide","factor":"","valueOffset":"0","hCount":"1","minorTicks":"3","animation":"true","needle":true,"needleShadow":true,"needleType":"arrow","borders":"true","borderOuterWidth":"2","borderMiddleWidth":"2","borderInnerWidth":"2","borderShadowWidth":"2","valueBox":"false","ticksAngle":"180","startAngle":"90","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,"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,"oid":"controll-own.0.test","units":"KW","title":"test","minValue":"-10","maxValue":"10","needleWidth":"7","needleStart":"0","needleEnd":"79","colorPlate":"#321a1a","colorNumbers":"#0cd419","valueBoxStroke":"4","valueBoxBorderRadius":"0","colorNeedle":"#1ac730","colorNeedleEnd":"#bffabd","fontNumbersSize":"45","fontNumbersStyle":"normal","fontUnitsStyle":"normal","colorBorderShadow":"#000000","colorBorderOuter":"#000000","colorBorderOuterEnd":"#000000","colorBorderMiddle":"#000000","colorBorderMiddleEnd":"#000000","colorBorderInner":"#000000","colorBorderInnerEnd":"#000000","colorValueText":"#0cd419","colorMajorTicks":"#1ac730","colorMinorTicks":"#0cd419","colorTitle":"#0cd419","colorUnits":"#0cd419","needleCircleInner":false,"needleCircleOuter":false,"majorTicks":"6","visibility-oid":"controll-own.0.test"},"style":{"left":"940px","top":"620px","width":"150px","height":"200px"},"widgetSet":"canvas-gauges"},{"tpl":"tplCGradialGauge","data":{"g_fixed":false,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"<","visibility-val":"0","visibility-groups-action":"hide","factor":"1","valueOffset":"0","hCount":"1","minorTicks":"3","animation":"true","needle":true,"needleShadow":true,"needleType":"arrow","borders":"true","borderOuterWidth":"2","borderMiddleWidth":"2","borderInnerWidth":"2","borderShadowWidth":"2","valueBox":"false","ticksAngle":"180","startAngle":"90","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,"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,"oid":"controll-own.0.test","units":"KW","title":"test","minValue":"-10","maxValue":"10","needleWidth":"7","needleStart":"0","needleEnd":"79","colorPlate":"#321a1a","colorNumbers":"#c71a3b","valueBoxStroke":"4","valueBoxBorderRadius":"0","colorNeedle":"#c71a3b","colorNeedleEnd":"#c71a3b","fontNumbersSize":"45","fontNumbersStyle":"normal","fontUnitsStyle":"normal","colorBorderShadow":"#000000","colorBorderOuter":"#000000","colorBorderOuterEnd":"#000000","colorBorderMiddle":"#000000","colorBorderMiddleEnd":"#000000","colorBorderInner":"#000000","colorBorderInnerEnd":"#000000","colorValueText":"#c71a3b","colorMajorTicks":"#c71a3b","colorMinorTicks":"#c71a3b","colorTitle":"#c71a3b","colorUnits":"#c71a3b","needleCircleInner":false,"needleCircleOuter":false,"majorTicks":"6","visibility-oid":"controll-own.0.test"},"style":{"left":"940px","top":"620px","width":"150px","height":"200px"},"widgetSet":"canvas-gauges"},{"tpl":"tplCGradialGauge","data":{"g_fixed":false,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":"0","visibility-groups-action":"hide","factor":"1","valueOffset":"0","hCount":"1","minorTicks":"3","animation":"true","needle":true,"needleShadow":true,"needleType":"arrow","borders":"true","borderOuterWidth":"2","borderMiddleWidth":"2","borderInnerWidth":"2","borderShadowWidth":"2","valueBox":"false","ticksAngle":"180","startAngle":"90","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,"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,"oid":"controll-own.0.test","units":"KW","title":"test","minValue":"-10","maxValue":"10","needleWidth":"7","needleStart":"0","needleEnd":"79","colorPlate":"#321a1a","colorNumbers":"#f4ed66","valueBoxStroke":"4","valueBoxBorderRadius":"0","colorNeedle":"#f4ed66","colorNeedleEnd":"#f4ed66","fontNumbersSize":"45","fontNumbersStyle":"normal","fontUnitsStyle":"normal","colorBorderShadow":"#000000","colorBorderOuter":"#000000","colorBorderOuterEnd":"#000000","colorBorderMiddle":"#000000","colorBorderMiddleEnd":"#000000","colorBorderInner":"#000000","colorBorderInnerEnd":"#000000","colorValueText":"#f4ed66","colorMajorTicks":"#f4ed66","colorMinorTicks":"#f4ed66","colorTitle":"#f4ed66","colorUnits":"#f4ed66","needleCircleInner":false,"needleCircleOuter":false,"majorTicks":"6","visibility-oid":"controll-own.0.test"},"style":{"left":"940px","top":"620px","width":"150px","height":"200px"},"widgetSet":"canvas-gauges"}]

[I-Punkt]

Challenge accepted... :relaxed:

Ich habe mal die Variante mit den zwei Viertelkreisen umgesetzt. Die DP sind Netzbezug [-10...0] und Einspeisung [0...10] Im Beispiel sind einmal eingestellt Netzbezug -6 / Einspeisung 0 und einmal Netzbezug 0 / Einspeisung 5

Bei den Einstellung gibt es unten "gegen Uhrzeigersinn". Habe ich hier nicht gebraucht, da die Netzbezugswerte negativ sind. Wären diese positiv, könnte man hier mit arbeiten.

[liv-in-sky]

oh mann - du hast ein anderes widget - da ist das mit dem gegenuhrzeiger drin . wie bitte heißt dein widget .

[Qlink]

wollte ich auch grad fragen, weil bei den justgage widgets welche ich verwende habe ich ganz andere einstellmöglichkeiten ...

[I-Punkt]

Ich habe dieses hier genommen:

[liv-in-sky]

o o o - ich habe durch ein anderes projekt eines dazu installiert und das falsche genommen (das hat noch einen schonen zeiger für die anzeige) - dabei war es das standard widget :rotating_light:

[Qlink]

@I-Punkt ich hätte mich gestern etwas mit dem circleknob widget gespielt, habe aber die gewünschte Funktionalität nicht hinbekommen. Hast du eventuell einen Tipp wie ich die Darstellung so hinbekommen könnte wie oben erwähnt ?
2 widgets übereinanderlegen hätte ich getestet, aber wie gesagt leider nicht hinbekommen ...

[I-Punkt]

Ich kopiere hier mal den Widget-Export zum re-importieren in dein VIS rein. Falls das nicht klappt/reicht, dann nochmal melden.

Spoiler

[{"tpl":"tplHqCircle","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oid":"javascript.0.Test.Einspeisung","displayPrevious":"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,"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,"linecap":false,"cursor":"","thickness":"0.5","color":"#24db36","bgcolor":"#ffffff","angleArc":"90","angleOffset":"0","descriptionLeft":"Netzbezug","anticlockwise":false,"g_value":true,"min":"0","max":"10","digits":"0","step":"1","is_comma":"true","hideNumber":true},"style":{"left":"53px","top":"66px","width":"240px","height":"255px","font-weight":"lighter","font-size":"x-large"},"widgetSet":"hqwidgets"},{"tpl":"tplHqCircle","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oid":"javascript.0.Test.Netzbezug","displayPrevious":"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,"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,"linecap":false,"cursor":"","thickness":"0.5","color":"#ffffff","bgcolor":"#ff8457","angleArc":"90","angleOffset":"270","descriptionLeft":"Netzbezug","anticlockwise":false,"g_value":true,"min":"-10","max":"0","digits":"0","step":"1","is_comma":"true","hideNumber":true},"style":{"left":"53px","top":"66px","width":"240px","height":"255px","font-weight":"lighter","font-size":"x-large"},"widgetSet":"hqwidgets"}]

[stimezo]

@Qlink said in ein justgage widget mit 2 werten möglich?:

Eines fällt mir aber jetzt schon störend auf.
Der Anzeigebalken bei Netzbezug ist genau verkehrt herum, weil in der Mitte 0 ist und links -10000...
Also wenn ich wenig Netzbezug habe zeigt der Balken viel an und wenn ich viel Netzbezug habe zeigt der Balken wenig an ...

Wert * -1 kehrt es um, natürlich nur für die Grafik :mortar_board:

Gruß
Christian