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 @Homoran last edited by

      @homoran ich such einfach so ne Anzeige wie du hattest mit der Waschmaschine usw... kannst mir da nicht die view und das Script zur Verfügung stellen?
      Gruss und Danke

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

        @kusselin sagte in Visualisierung des Stromverbrauchs:

        kannst mir da nicht die view und das Script zur Verfügung stellen?

        ???
        Was für ein Skript?
        Der View (von dem ich meine, dass du ihn meinen könntest) besteht (jetzt) nur aus Widgets und einem Flot Diagramm aus historisierten Daten.

        Den bekommst du selber hin

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

          @kusselin sagte in Visualisierung des Stromverbrauchs:

          @homoran sagte in Visualisierung des Stromverbrauchs:

          @bunni:

          Echt Cool, wie hast Du das gemacht? `
          mit ioBroker.vis 😄 😄

          hier die aktuelle Version:
          144_iobroker_strom.jpg

          Spaß beiseite - wie fit bist du - was fehlt dir an Info…..

          Gruß

          Rainer

          Hallo Rainer,

          kannst du bitte wenn es dir recht ist die View udn das/die Scripte hier zur Verfügung stellen....ich suche auch so eine VIS für meine Tasmota gesflashten Zwischensteckdosen.

          Danke Dir

          Hallo Rainer, dann erkläre mir doch bitte mal wie das mit diesen Icvons geht!!

          Image 1.png

          Die Uhr habe ich ja schon hier von dir...das ist das kleinste Problem. den Teil den ich mit 1 gekennzeichnet habe muss och doch einfach mit einem "HTML-Widget" befüllen udn dann den entsprechenden aktuellen kilowattverbrauch datenpunkt unter objekte auswählen.....oder>?

          Punkt 2 ist mir noch unklar wie das gehen soll...da bewegt sich ja glaube ich noch die Nadel oder?

          Wä#re echt nett wenn du mir das mitteilen könntest...oder finde ich da irgenwo hier einen Thread?

          Danke udn Gruss

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            890
                                            Online

                                            32.0k
                                            Users

                                            80.4k
                                            Topics

                                            1.3m
                                            Posts

                                            6
                                            90
                                            9374
                                            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