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.
    • Homoran
      Homoran Global Moderator Administrators @Kusselin last edited by

      @kusselin sagte in Visualisierung des Stromverbrauchs:

      wie das mit diesen Icvons geht!!

      das sind einfach darübergelegte basic number widgets

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

        @homoran sind die transparent?

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

          @kusselin sagte in Visualisierung des Stromverbrauchs:

          @homoran sind die transparent?

          nein

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

            @homoran o.k.dann noch ne Frage....im View selbst will ich ein Hintergrund setzen......wie muss die Angabe / Pfad denn da dann lauten?

            Image 2.png

            so klappts net 😞

            Image 3.png

            Homoran Glasfaser 2 Replies Last reply Reply Quote 0
            • Homoran
              Homoran Global Moderator Administrators @Kusselin last edited by Homoran

              @kusselin sagte in Visualisierung des Stromverbrauchs:

              im View selbst will ich ein Hintergrund setzen......wie muss die Angabe / Pfad denn da dann lauten?

              hab ich noch nie gemacht, ich würde es auf jeden Fall mal unter image versuchen, wenn du ein Image nutzen willst

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

                @kusselin

                wie muss die Angabe / Pfad denn da dann lauten?

                url("http://deineIPvomioBroker:8082/vis.0/Eigene Bilder/müll.png")
                
                Kusselin 1 Reply Last reply Reply Quote 1
                • Kusselin
                  Kusselin @Glasfaser last edited by

                  @glasfaser nee klappt nicht...:

                  https://192.168.200.38:8082/vis.0/Eigene Bilder/müll.png

                  liegt das an dem "ü" von müll?

                  Wennn der pfad gesetzt ist und ich return drücke müsste das Bild erscheinen-macht es aber nicht

                  Glasfaser sigi234 2 Replies Last reply Reply Quote 0
                  • Glasfaser
                    Glasfaser @Kusselin last edited by

                    @kusselin

                    erscheint das Bild , wenn du den Link im Browser nimmst ?

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

                      @kusselin sagte in Visualisierung des Stromverbrauchs:

                      nee klappt nicht...:

                      Screenshot (4364).png

                      Bei Image eintragen

                      Warum HTTPS ?

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

                        @glasfaser sagte in Visualisierung des Stromverbrauchs:

                        @kusselin

                        erscheint das Bild , wenn du den Link im Browser nimmst ?

                        ja so klappts im mozilla
                        http://192.168.200.38:8082/vis.0/Eigene Bilder/müll.png

                        1 Reply Last reply Reply Quote 0
                        • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            477
                                            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