Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. ein justgage widget mit 2 werten möglich?

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    17
    1
    408

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    5.0k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.4k

ein justgage widget mit 2 werten möglich?

Scheduled Pinned Locked Moved Unsolved Visualisierung
vis
23 Posts 7 Posters 2.6k Views 7 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • liv-in-skyL Offline
    liv-in-skyL Offline
    liv-in-sky
    wrote on last edited by
    #10

    joo - so meinte ich das

    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

    1 Reply Last reply
    0
    • Q Offline
      Q Offline
      Qlink
      wrote on last edited by
      #11

      aaaahh, jetzt verstehe ich was ihr meint. Jetzt hats Klick gemacht :)

      Danke für die Hilfe!

      Ich hab das mal auf die Schnelle so zusammengeklickt:
      justgage.PNG

      Mal schauen ob das so funktioniert. Jetzt muss ich nur noch warten bis bei uns die Sonne stark genug ist, dass ich mehr produziere als verbrauche um zu sehen ob das so passt ...

      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 ...
      pv_vis.PNG

      Kann ich das auch noch irgendwie umkehren ?

      1 Reply Last reply
      0
      • liv-in-skyL Offline
        liv-in-skyL Offline
        liv-in-sky
        wrote on last edited by
        #12

        du musst nicht wirklich auf die sonne warten - ersetze die beiden datenpunkte mit test-datenpunkten (die du von hand ändern kannst)- dann kannst du eingeben was du willst und siehst das ergebnis

        ganz versteh ich nicht was du ändern willst - aber bringt max und min austauschen im widget , das was du brauchst?

        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

        1 Reply Last reply
        0
        • I Offline
          I Offline
          I-Punkt
          wrote on last edited by I-Punkt
          #13

          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.

          1 Reply Last reply
          0
          • liv-in-skyL Offline
            liv-in-skyL Offline
            liv-in-sky
            wrote on last edited by
            #14

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

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

            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

            1 Reply Last reply
            0
            • liv-in-skyL Offline
              liv-in-skyL Offline
              liv-in-sky
              wrote on last edited by liv-in-sky
              #15

              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.

              Image 9.png

              [{"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"}]
              Webp.net-gifmaker.gif

              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

              1 Reply Last reply
              1
              • I Offline
                I Offline
                I-Punkt
                wrote on last edited by
                #16

                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

                links.JPG rechts.JPG einstellungen.JPG einstellungen2.JPG
                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.

                1 Reply Last reply
                1
                • liv-in-skyL Offline
                  liv-in-skyL Offline
                  liv-in-sky
                  wrote on last edited by
                  #17

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

                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                  1 Reply Last reply
                  0
                  • Q Offline
                    Q Offline
                    Qlink
                    wrote on last edited by
                    #18

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

                    1 Reply Last reply
                    0
                    • I Offline
                      I Offline
                      I-Punkt
                      wrote on last edited by
                      #19

                      Ich habe dieses hier genommen: widget.JPG

                      1 Reply Last reply
                      0
                      • liv-in-skyL Offline
                        liv-in-skyL Offline
                        liv-in-sky
                        wrote on last edited by
                        #20

                        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:

                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                        1 Reply Last reply
                        0
                        • Q Offline
                          Q Offline
                          Qlink
                          wrote on last edited by
                          #21

                          @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 ...

                          1 Reply Last reply
                          0
                          • I Offline
                            I Offline
                            I-Punkt
                            wrote on last edited by I-Punkt
                            #22

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

                            [{"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"}]

                            1 Reply Last reply
                            0
                            • S Offline
                              S Offline
                              stimezo
                              Forum Testing
                              wrote on last edited by
                              #23

                              @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

                              1 Reply Last reply
                              0
                              Reply
                              • Reply as topic
                              Log in to reply
                              • Oldest to Newest
                              • Newest to Oldest
                              • Most Votes


                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              572

                              Online

                              32.7k

                              Users

                              82.5k

                              Topics

                              1.3m

                              Posts
                              Community
                              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                              ioBroker Community 2014-2025
                              logo
                              • Login

                              • Don't have an account? Register

                              • Login or register to search.
                              • First post
                                Last post
                              0
                              • Home
                              • Recent
                              • Tags
                              • Unread 0
                              • Categories
                              • Unreplied
                              • Popular
                              • GitHub
                              • Docu
                              • Hilfe