Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Visualisierung des Stromverbrauchs

    NEWS

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker goes Matter ... Matter Adapter in Stable

    Visualisierung des Stromverbrauchs

    This topic has been deleted. Only users with topic management privileges can see it.
    • Kusselin
      Kusselin last edited by Kusselin

      @glasfaser sagte in Visualisierung des Stromverbrauchs:

      url("http://deineIPvomioBroker:8082/vis.0/Eigene Bilder/müll.png")

      hab das url...davor vergessen 😞 kjetzt gehts danke. habs bei sigi im sreenshot gesehen..

      1 Reply Last reply Reply Quote 0
      • Kusselin
        Kusselin @Homoran last edited by

        @homoran

        1 Reply Last reply Reply Quote 0
        • Kusselin
          Kusselin @Homoran last edited by

          @homoran sagte in Visualisierung des Stromverbrauchs:

          @kusselin sagte in Visualisierung des Stromverbrauchs:

          wie das mit diesen Icvons geht!!

          das sind einfach darübergelegte basic number widgets

          und wie macht man das das sich der Pfeil dann auch noch bewegt?

          Hast du diese ´s Bild nicht mehr ist das nicht mehr zu finden bei Dir?

          sigi234 Glasfaser Homoran 3 Replies Last reply Reply Quote 0
          • sigi234
            sigi234 Forum Testing Most Active @Kusselin last edited by

            @kusselin sagte in Visualisierung des Stromverbrauchs:

            und wie macht man das das sich der Pfeil dann auch noch bewegt?

            Importiere das WIDGET und pass es an deine DP an.

            [{"tpl":"tplCGradialGauge","data":{"g_fixed":false,"g_visibility":false,"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":1,"visibility-groups-action":"hide","factor":"1","valueOffset":"0","hCount":"3","minorTicks":"4","animation":"true","needle":true,"needleShadow":true,"needleType":"arrow","borders":false,"borderOuterWidth":"0","borderMiddleWidth":"0","borderInnerWidth":"0","borderShadowWidth":"0","valueBox":true,"ticksAngle":"270","startAngle":"45","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":"hs100.0.192_168_178_23.power","title":"Medion PC","units":"Watt","minValue":"0","maxValue":"200","strokeTicks":true,"needleCircleOuter":true,"needleCircleInner":true,"needleCircleSize":"7","colorNeedleCircleOuter":"#cfcfcf","colorNeedleCircleOuterEnd":"#cfcfcf","colorNeedleCircleInner":"#cfcfcf","colorNeedleCircleInnerEnd":"#cfcfcf","valueInt":"0","valueDec":"2","valueBoxStroke":"0","valueTextShadow":false,"colorNeedle":"#000000","colorNeedleEnd":"#000000","colorValueText":"#000000","colorPlate":"#b3b3b3","colorTitle":"#000000","colorUnits":"#000000","colorNumbers":"#000000","colorValueTextShadow":"#000000","valueBoxBorderRadius":"0","fontValueSize":"30","fontUnitsSize":"40","fontTitleSize":"35","fontNumbersSize":"25","fontNumbersWeight":"bold","majorTicks":"6","animationTarget":"needle","animationRule":"linear","animationDuration":"150","animatedValue":false,"animateOnInit":false,"colorPlateEnd":"#a6a6a6","colorMajorTicks":"","colorMinorTicks":"","colorValueBoxRect":"#000000","colorValueBoxRectEnd":"#000000","colorValueBoxBackground":"transparent","colorNeedleShadowUp":"","needleWidth":"4","needleEnd":"78","valueText":"","highlightsColor1":"#13e105","highlightsFrom1":"0","highlightsTo1":"80","highlightsFrom2":"80","highlightsTo2":"120","highlightsColor2":"#f5b400","highlightsFrom3":"120","highlightsTo3":"200","highlightsColor3":"#d60000","fontValue":"","colorValueBoxShadow":"","colorBorderOuter":"#a6a6a6","colorBorderOuterEnd":"#a6a6a6","colorBorderMiddle":"#a6a6a6","colorBorderMiddleEnd":"#a6a6a6","colorBorderInner":"#a6a6a6","colorBorderInnerEnd":"#a6a6a6","colorBorderShadow":"#a6a6a6"},"style":{"left":"142px","top":"9px","z-index":"4"},"widgetSet":"canvas-gauges"}]
            
            1 Reply Last reply Reply Quote 2
            • Glasfaser
              Glasfaser @Kusselin last edited by

              @kusselin

              Hier mal ein Beispiel :

              [{"tpl":"tplCGradialGauge","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","factor":"9.53674E-05","valueOffset":"0","hCount":"1","minorTicks":"4","animation":"true","needle":"true","needleShadow":"true","needleType":"arrow","borders":"true","borderOuterWidth":"1","borderMiddleWidth":"1","borderInnerWidth":"1","borderShadowWidth":"1","valueBox":true,"ticksAngle":"270","startAngle":"45","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":"upnp.0.WANDevice_-_FRITZ!Box_6591_Cable_(lgi).WANDevice.WANCommonInterfaceConfig.ByteReceiveRate","title":"DOWNLOAD","minValue":"0","maxValue":"1000","units":"MB","valueInt":"3","valueBoxStroke":"0","valueTextShadow":false,"valueBoxBorderRadius":"0","fontValueSize":"30","fontValueStyle":"normal","fontNumbersWeight":"normal","fontUnitsWeight":"normal","fontValueWeight":"bold","fontNumbersSize":"27","valueText":"","valueDec":"2","colorPlate":"#707070","colorTitle":"#ffffff","colorUnits":"#ffffff","colorNumbers":"#ffffff","colorValueText":"","colorValueBoxBackground":"","colorMajorTicks":"#ffffff","colorMinorTicks":"#ffffff","colorBorderOuter":"#0411cd","colorBorderOuterEnd":"#0411cd","colorBorderMiddle":"Gray","colorBorderShadow":"#000000","colorBorderMiddleEnd":"Gray","colorBorderInner":"Gray","colorBorderInnerEnd":"Gray","colorNeedleCircleOuter":"#2d2afe","colorNeedleCircleInner":"#2d2afe","colorNeedle":"#4cf83a","colorNeedleEnd":"#4cf83a","colorPlateEnd":"#3e3838"},"style":{"left":"612px","top":"51px","width":"150px","height":"155px","z-index":"7","font-family":"Jura-DemiBold"},"widgetSet":"canvas-gauges"}]
              


              Daten anpassen :

              1.JPG

              sigi234 Kusselin 3 Replies Last reply Reply Quote 1
              • sigi234
                sigi234 Forum Testing Most Active @Glasfaser last edited by

                @glasfaser sagte in Visualisierung des Stromverbrauchs:

                Hier mal ein Beispiel :

                Gleichzeitig 😀

                1 Reply Last reply Reply Quote 2
                • Homoran
                  Homoran Global Moderator Administrators @Kusselin last edited by

                  @kusselin sagte in Visualisierung des Stromverbrauchs:

                  und wie macht man das das sich der Pfeil dann auch noch bewegt?

                  indem du den Datenpunkt zuordnest?

                  1 Reply Last reply Reply Quote 0
                  • Kusselin
                    Kusselin @Glasfaser last edited by Kusselin

                    @glasfaser sagte in Visualisierung des Stromverbrauchs:

                    Hab das widget jetzt mal im view waschküche importiert....nach dem importieren sehe ich gar nix.........hier muss ich hja dann auch noch das Bild importieren...oder ware das da im Widget schon inklusive?

                    Auf alle fälle passiert da nix 😞
                    Image 1.png

                    Image 2.png

                    Glasfaser 1 Reply Last reply Reply Quote 0
                    • Glasfaser
                      Glasfaser @Kusselin last edited by

                      @kusselin

                      Das Widget ( Set ) im allgemeinen ist nicht installiert .

                      Das kann man am undefined erkennen

                      https://github.com/ioBroker/ioBroker.vis-canvas-gauges

                      Kusselin 1 Reply Last reply Reply Quote 1
                      • Kusselin
                        Kusselin @Glasfaser last edited by Kusselin

                        @glasfaser ohjee....hier muss ich über console das gauge isnatllieren...entweder radial oder linear oder komplett richtig?

                        dann wenn installiert soweit ich das jetzt geelsen habe muss ich über HTML widget das Widget darstellen....stimmt das so?
                        Ich weiss ihr sollt es mir udn müsst mir es ja nocht im einzeln vorkauen...Ihr seid ja so immer da und helft..aber wenn man es nicht kennt udn haben will...tja...dann wirds schwer 😉

                        und den canvas Gauges adapter muss installiert werden...sachen die alle nicht wusste

                        Glasfaser 1 Reply Last reply Reply Quote 0
                        • Glasfaser
                          Glasfaser @Kusselin last edited by Glasfaser

                          @kusselin

                          Hier installieren , auf + ( installieren ) :

                          d7e19288-5fab-44f2-9b84-942ba38f2e6b-grafik.png

                          muss ich über HTML widget das Widget darstellen.

                          Nein , das sind fertige Widgets , die findest du dann links in der VIS Editor Widgets Leiste

                          Kusselin 1 Reply Last reply Reply Quote 1
                          • Kusselin
                            Kusselin @Glasfaser last edited by

                            @glasfaser o.k jetzt wird vieles klarer ...wusste nicht das das nochmals sep. ein Adapter ist......

                            aber...wieso soll ich wenn ich jetzt das gauge widget installiert habe noch deines installieren???
                            Image 4.png

                            Glasfaser 1 Reply Last reply Reply Quote 0
                            • Glasfaser
                              Glasfaser @Kusselin last edited by

                              @kusselin sagte in Visualisierung des Stromverbrauchs:

                              aber...wieso soll ich wenn ich jetzt das gauge widget installiert habe noch deines installieren???

                              Ich habe gerade keine Ahnung was du meinst ,.
                              ..... habe oben nur beschrieben wie der Adapter zu installieren ist .( die Instanz )

                              Aber jetzt ist ja alles gut und du kannst das Widget nutzen 😉

                              1 Reply Last reply Reply Quote 1
                              • Kusselin
                                Kusselin @Glasfaser last edited by

                                @glasfaser sagte in Visualisierung des Stromverbrauchs:

                                @kusselin

                                Hier mal ein Beispiel :

                                [{"tpl":"tplCGradialGauge","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","factor":"9.53674E-05","valueOffset":"0","hCount":"1","minorTicks":"4","animation":"true","needle":"true","needleShadow":"true","needleType":"arrow","borders":"true","borderOuterWidth":"1","borderMiddleWidth":"1","borderInnerWidth":"1","borderShadowWidth":"1","valueBox":true,"ticksAngle":"270","startAngle":"45","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":"upnp.0.WANDevice_-_FRITZ!Box_6591_Cable_(lgi).WANDevice.WANCommonInterfaceConfig.ByteReceiveRate","title":"DOWNLOAD","minValue":"0","maxValue":"1000","units":"MB","valueInt":"3","valueBoxStroke":"0","valueTextShadow":false,"valueBoxBorderRadius":"0","fontValueSize":"30","fontValueStyle":"normal","fontNumbersWeight":"normal","fontUnitsWeight":"normal","fontValueWeight":"bold","fontNumbersSize":"27","valueText":"","valueDec":"2","colorPlate":"#707070","colorTitle":"#ffffff","colorUnits":"#ffffff","colorNumbers":"#ffffff","colorValueText":"","colorValueBoxBackground":"","colorMajorTicks":"#ffffff","colorMinorTicks":"#ffffff","colorBorderOuter":"#0411cd","colorBorderOuterEnd":"#0411cd","colorBorderMiddle":"Gray","colorBorderShadow":"#000000","colorBorderMiddleEnd":"Gray","colorBorderInner":"Gray","colorBorderInnerEnd":"Gray","colorNeedleCircleOuter":"#2d2afe","colorNeedleCircleInner":"#2d2afe","colorNeedle":"#4cf83a","colorNeedleEnd":"#4cf83a","colorPlateEnd":"#3e3838"},"style":{"left":"612px","top":"51px","width":"150px","height":"155px","z-index":"7","font-family":"Jura-DemiBold"},"widgetSet":"canvas-gauges"}]
                                


                                Daten anpassen :

                                1.JPG

                                das hier aus deinem spoiler meinte ich

                                Glasfaser 1 Reply Last reply Reply Quote 0
                                • Kusselin
                                  Kusselin last edited by

                                  sp die schulstunde ist fast rum...deshalb jetzt noch eine abschliessende Frage 🙂

                                  will jetzt im Bild unten in der Mitte noch ein html-widget setzen in dem ich die Gesamt Kwh anzeigen lassen will als Zahl....also neh,e ich ein html widget und setze den Datenpunkt total

                                  sonoff.0.Waschmaschine.ENERGY_Total

                                  aso muss ich das soch unter html im widget reiter mit den gechweiften >Klammern setzen oder`?

                                  er zeigt dann aber ncht die kwh an 😞 was mach ich wieder nicht richtig?

                                  Image 5.png

                                  sigi234 1 Reply Last reply Reply Quote 0
                                  • sigi234
                                    sigi234 Forum Testing Most Active @Kusselin last edited by

                                    @kusselin
                                    Den Wert siehst du erst in der Runtime

                                    Kusselin 1 Reply Last reply Reply Quote 1
                                    • Kusselin
                                      Kusselin @sigi234 last edited by

                                      @sigi234 eieiei... danke wird angezeigt... das hab ich jetzt soweit kapiert.. danke Euch allen mal wieder

                                      1 Reply Last reply Reply Quote 0
                                      • Glasfaser
                                        Glasfaser @Kusselin last edited by

                                        @kusselin sagte in Visualisierung des Stromverbrauchs:

                                        das hier aus deinem spoiler meinte ich

                                        Das war nur eine Widget Vorlage für dich ,
                                        ich konnte halt nicht erkennen ob du schon etwas hattest , bzw. du hast ja einen Anfrage an Homoran gestellt .

                                        Deshalb habe ich so wie @sigi234 , hier ein Widget für dich gepostet .

                                        1 Reply Last reply Reply Quote 1
                                        • Kusselin
                                          Kusselin last edited by Kusselin

                                          homoran hätte ja auch schreiben können ...lade dir den Gauges Adapter runter.. dann wäre das klar gewesen. Das weiß man halt nicht am Anfang ... egal danke Dir Glasfaser!

                                          Homoran 1 Reply Last reply Reply Quote 0
                                          • Homoran
                                            Homoran Global Moderator Administrators @Kusselin last edited by Homoran

                                            @kusselin sagte in Visualisierung des Stromverbrauchs:

                                            homoran hätte ja auch schreiben können ...lade dir den Gauges Adapter runter.. dann wäre das klar gewesen.

                                            Hätte er!
                                            Aber dazu hätte er wissen müssen, dass du das Widget noch nicht hast.
                                            Du hattest ja schließlich auch einen Screenshot davon gepostet.
                                            Wie soll er dann annehmen, dass du das noch nicht installiert hattest

                                            Kusselin 1 Reply Last reply Reply Quote 2
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            826
                                            Online

                                            32.0k
                                            Users

                                            80.4k
                                            Topics

                                            1.3m
                                            Posts

                                            6
                                            90
                                            9375
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo