Navigation

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

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    VIS echarts Widget

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

      @mcu sagte in VIS echarts Widget:

      @mike2712 sagte in VIS echarts Widget:

      "echart_oid":"0_userdata.0.echarts.echartsDP}"

      Eine Klammer vergessen

       "echart_oid":"{0_userdata.0.echarts.echartsDP}"
      

      Ich versuche mich auch gerade an der echart selection, soweit meine ich es auch verstanden zu haben, nur wo genau muss ich das eintragen?

       "echart_oid":"{0_userdata.0.echarts.echartsDP}"
      
      M M 3 Replies Last reply Reply Quote 0
      • M
        MCU @Agria4800 last edited by

        @agria4800 Hab es auch mal versucht, es klappt aber nicht. Keine Ahnung warum er gesagt hat, dass es bei ihm klappt.
        Ist momentan auf Reise.

        [{"tpl":"tplEchartsChart","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","echart_oid":"{0_userdata.0.echarts.echartsDP}","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},"style":{"left":"436px","top":"39px","width":"635px","height":"490px","position":""},"widgetSet":"echarts"}]
        

        Sehe nur ioBroker kreisen.
        a8d354a8-0e5d-4308-82a6-a664c47c7ba6-image.png

        M 1 Reply Last reply Reply Quote 0
        • M
          MCU @Agria4800 last edited by MCU

          @agria4800 Es gibt jetzt eine andere Version von eChartsChange.
          eChartsChangeSelect
          https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/system-effektprog./echartschangeselect

          1 Reply Last reply Reply Quote 0
          • M
            mike2712 @MCU last edited by

            @mcu sagte in VIS echarts Widget:

            @agria4800 Hab es auch mal versucht, es klappt aber nicht. Keine Ahnung warum er gesagt hat, dass es bei ihm klappt.
            Ist momentan auf Reise.

            [{"tpl":"tplEchartsChart","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","echart_oid":"{0_userdata.0.echarts.echartsDP}","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},"style":{"left":"436px","top":"39px","width":"635px","height":"490px","position":""},"widgetSet":"echarts"}]
            

            Sehe nur ioBroker kreisen.
            a8d354a8-0e5d-4308-82a6-a664c47c7ba6-image.png

            Im Editor sehe ich zunächst auch nur kreisen, der TAG muss aktualisiert werden, also bei mir funktioniert das, passen die Verzeichnisse etc. ?

            1 Reply Last reply Reply Quote 1
            • M
              mike2712 @MCU last edited by

              @mcu sagte in VIS echarts Widget:

              @mike2712 Was muss denn mit den Zeitachsen gemacht werden? Die Anzahl der angezeigten Werte anpassen.
              Schau ich mal heute Abend.
              Hab es nochmal aktualisiert. Nimm nochmal den Link von oben.

              Beispiel mit xticks

              jarvis-v312 Beispiel eChartChangeSelect xticks.gif

              ich denke das ist ein Problem weil ich die Zeitbereiche (Achsbeschriftung) fest gesetzt habe im originalen echartsDP, das ist nicht bei allen so, ich hoffe das ich am Wochenende dort weiter testen und experimentieren kann.

              M 1 Reply Last reply Reply Quote 0
              • M
                mike2712 @Agria4800 last edited by

                @agria4800 sagte in VIS echarts Widget:

                @mcu sagte in VIS echarts Widget:

                @mike2712 sagte in VIS echarts Widget:

                "echart_oid":"0_userdata.0.echarts.echartsDP}"

                Eine Klammer vergessen

                 "echart_oid":"{0_userdata.0.echarts.echartsDP}"
                

                Ich versuche mich auch gerade an der echart selection, soweit meine ich es auch verstanden zu haben, nur wo genau muss ich das eintragen?

                 "echart_oid":"{0_userdata.0.echarts.echartsDP}"
                

                ich habe das widget mit einem orignal echartDP exportiert und dann den DP durch diesen der durch das Script von @MCU in das Verzeichnis 0_userdata..... erzeugt wird ersetzt.

                1 Reply Last reply Reply Quote 1
                • M
                  MCU last edited by MCU

                  @mike2712 Du hast Recht. Es funktioniert. Muss ich noch in der Doku beschreiben.
                  Hab es hier einmal beschrieben:
                  https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/system-effektprog./echartschange/vis-definition

                  Agria4800 1 Reply Last reply Reply Quote 2
                  • M
                    MCU @mike2712 last edited by

                    @mike2712 Wenn du die feste Achsbeschriftung behalten willst, solltest du auf eChartChangeSelect wechseln, da dort die Originale nicht verändert werden.

                    M 1 Reply Last reply Reply Quote 0
                    • Agria4800
                      Agria4800 @MCU last edited by Agria4800

                      @mcu sagte in VIS echarts Widget:

                      @mike2712 Du hast Recht. Es funktioniert. Muss ich noch in der Doku beschreiben.
                      Hab es hier einmal beschrieben:
                      https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/system-effektprog./echartschange/vis-definition

                      Danke für das update, das umschalten der verschiedenen echarts funktioniert gut. 🙂

                      eider komme ich mit der Zeitachse Error vom Script her... bei manchen echarts geht es, bei manchen nicht, da das script diese nicht findet... z.b.: Heizungstaktung !
                      (EDIT: Eigenverschulden, Leerzeichen nach ";" war das Problem! Script funktioniert prima!!!)
                      ~~Bildschirmfoto 2022-12-01 um 20.11.18.png Bildschirmfoto 2022-12-01 um 20.12.04.png

                      0_userdata.0.echarts.fromRangeDP scheint bei mir auch nicht zu gehen.... false / true, keine Änderung... vielleicht habe ich auch auf die schnelle was falsch gemacht, gehe morgen nochmal mit etwas mehr Zeit dran. Achja, script Version ist die ChartsChange v1.0.2 .

                      Ansonsten mal ein großen Lob und Danke an euch @mcu, @mike2712, darauf habe ich schon lange gewartet.
                      Grüße Benny

                      M Agria4800 2 Replies Last reply Reply Quote 0
                      • M
                        MCU @Agria4800 last edited by MCU

                        @agria4800 Einmal Objekte -> Expertenmodus an -> echarts.0 -> komplett anzeigen.
                        fbbee915-d3ae-4065-864f-49c2dd3f60ff-image.png
                        Du hast ein Leerzeichen eingegeben. Das darf nicht!
                        2d5936fd-842a-4bce-baac-a85c7ede0acb-image.png

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

                          @agria4800 : ist schon interessant, wie schnell man sich mit einem leerzeichen einen fehler einbaut, ohne es zu merken...
                          achtet beim ausfüllen auf die korrekte Schreibweise, so hatte ich es Bildschirmfoto 2022-12-01 um 20.21.09.png und das ist nicht gut, lasst also nach der Trennung mit dem ";" keine Leerzeichen !!!

                          M 1 Reply Last reply Reply Quote 0
                          • M
                            MCU @Agria4800 last edited by

                            @agria4800 Läuft es jetzt auch mit rangeDP?

                            Agria4800 1 Reply Last reply Reply Quote 0
                            • Agria4800
                              Agria4800 @MCU last edited by

                              @mcu sagte in VIS echarts Widget:

                              @agria4800 Einmal Objekte -> Expertenmodus an -> echarts.0 -> komplett anzeigen.
                              fbbee915-d3ae-4065-864f-49c2dd3f60ff-image.png
                              Du hast ein Leerzeichen eingegeben. Das darf nicht!
                              2d5936fd-842a-4bce-baac-a85c7ede0acb-image.png

                              ja.... 🙂 habe schon meinen Beitrag kommentiert 😁

                              1 Reply Last reply Reply Quote 0
                              • M
                                mike2712 @MCU last edited by

                                @mcu sagte in VIS echarts Widget:

                                @mike2712 Wenn du die feste Achsbeschriftung behalten willst, solltest du auf eChartChangeSelect wechseln, da dort die Originale nicht verändert werden.

                                Nein, möchte ich ja nicht, muss das in meinen originalen echarts auf automatisch stellen, macht ja keinen Sinn feste Achsbeschriftung für die Zeit zu haben wenn man sie umschalten möchte, wie gesagt ich hoffe ich komme dieses Wochenende dazu dann fliegen bestimmt 20 views aus dem VIS, alles wird wesentlich übersichtlicher.

                                1 Reply Last reply Reply Quote 0
                                • M
                                  mike2712 last edited by

                                  @MCU vielen Dank nochmal für das Script und die Unterstützung

                                  ich habe jetzt ein paar Test gemacht und bekomme alles so hin wie ich es haben möchte. Habe das Script kopiert und benutze es Gruppenweise. Jetzt folgt Fleißarbeit, alle Float auf echart umstellen und in VIS alles anpassen, für die Zukunft ist es nach dem neuem System wesentlich einfacher und sehr pflegeleicht. Danke !

                                  e4eb760d-c767-434c-a531-36e46b936094-image.png

                                  Dann ein zusätzliches Script wenn ich die Echarts umschalte das ein sinnvoller Range voreingestellt wird.

                                  8379754e-14cd-4d21-843e-d64adf907df3-image.png

                                  7dffb04f-80d2-4d62-bd96-65cc44afa8bd-image.png

                                  1 Reply Last reply Reply Quote 1
                                  • Agria4800
                                    Agria4800 @MCU last edited by Agria4800

                                    @mcu sagte in VIS echarts Widget:

                                    @agria4800 Läuft es jetzt auch mit rangeDP?

                                    Ja, das manuelle verstellen der Zeitachse mit range funktioniert wunderbar, leider nicht das umschalten mit 0_userdata.0.echarts.fromRangeDP. Bei mir werden nicht die original Werte aus dem gespeicherten echart gezogen...
                                    Er überschreibt die Werte aus dem rangeDB in die Objektdaten des echart; gepeichert sind im echart 1440, sobald ich einmal die Zeitachse mit range ändere, z.b. 10080, dann ist der neue Wert gespeichert... War so nicht geplant, oder ?

                                    Bildschirmfoto 2022-12-02 um 20.19.48.png Bildschirmfoto 2022-12-02 um 20.20.20.png
                                    Funktioniert das bei dir ?

                                    M 1 Reply Last reply Reply Quote 0
                                    • M
                                      MCU @Agria4800 last edited by MCU

                                      @agria4800 Ja das ist so, wenn der fromRangeDP true ist.
                                      Deswegen, sagte ich ja, wenn man die originale behalten will muss man das andere Programm nutzen.
                                      eChartChange -> es wird immer im Original überschrieben!
                                      Wenn er immer den gespeicherten Wert von range aus dem Orig holen soll, muss fromRangeDP->false sein.
                                      Da man aber schon vorher fromRangeDP auf true, sind die orig range-Daten natürlcih überschrieben.

                                      1 Reply Last reply Reply Quote 0
                                      • M
                                        mike2712 last edited by mike2712

                                        @MCU
                                        [gelöst] Ich lasse das mal stehen, vielleicht hilft es anderen oder mir selbst wenn ich nächste mal vor dem Problem stehe.

                                        Ich bin gerade wieder an diesem Punkt, wollte den Rest meiner unzähligen Trends auf das neue System umstellen, dabei ist mir aufgefallen das sich das Script, trotz gleicher Version 1.02 massiv geändert hat, hab das neue genommen, alle meine alten Sachen funktionieren auch soweit, aber wenn ich jetzt neue Sachen erstelle funktioniert das nicht mehr, Ursache ist vermutlich (hier ist ein Unterschied in den DPs) das hier nichts mehr drin steht, wie werden diese Daten befüllt?
                                        Die Ordnerstruktur Definition war im alten Script nicht vorhanden.

                                        Beleuchtung ist neu
                                        0ac06f09-80ad-4313-ba75-f626cf128593-image.png
                                        Energy z.B. ist zuvor erstellt
                                        5a15084a-13ac-479a-ae94-2ad307f4a7c3-image.png

                                        Okay, wer lesen kann ist klar im Vorteil, das sind 2 unterschiedliche paar Schuhe, echartschange und echartschangeselect, wieder auf das alte umgestellt, trotzdem funktioniert es leider nicht, jetzt kann ich keinen Fehler Unterschied entdecken.

                                        ToDo`s waren

                                        • Script kopieren und DP umbennen im Script
                                        • in vis den echarts DP, sowie den Range beschreiben

                                        Das sieht eigentlich gut aus, aber in vis wird die Kurve aus Beleuchtung nicht angezeigt-

                                        ebd9cf3c-a36e-49bf-87cb-57256442e35d-image.png

                                        Lösung
                                        ToDo`s

                                        • Script kopieren und DP umbennen im Script
                                        • in vis den echarts DP, sowie den Range beschreiben
                                        • Umbennung im Kurven Widget
                                        1 Reply Last reply Reply Quote 0
                                        • First post
                                          Last post

                                        Support us

                                        ioBroker
                                        Community Adapters
                                        Donate

                                        972
                                        Online

                                        31.7k
                                        Users

                                        79.7k
                                        Topics

                                        1.3m
                                        Posts

                                        vis
                                        3
                                        26
                                        1962
                                        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