Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test eCharts Adapter

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Test eCharts Adapter

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

      gibt es die Möglichkeit eine dritte (vierte) Y-Achse besser anzeigen zu können? Also die Zahlen etwas in die x-Richtung verschieben, damit sie nicht übereinander stehen?
      Hier mal bei der linken Y-Achse dargestellt:

      2021_01_18_00_00_chart.svg

      Im Vergleich mit flot:
      c0c062fe-d4f0-402d-b1ee-cd88857c46c8-image.png

      1 Reply Last reply Reply Quote 1
      • S
        Saschag last edited by

        Hallo zusammen,

        kann ich bzw. Wo? die Füllfarbe vom Chart einstellen?

        Danke

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

          @saschag sagte in Test eCharts Adapter:

          die Füllfarbe vom Chart

          meinst du den Hintergrund?

          1 Reply Last reply Reply Quote 0
          • S
            Saschag last edited by Saschag

            @homoran

            Jaein, den Hintergrund unterhalb des Graphs. Wie beim MDW:

            B44F40B3-C59F-4D49-9253-E690E10D2C1E.jpeg

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

              @saschag sagte in Test eCharts Adapter:

              Wie beim MDW:

              was ist das?
              Ich kenne NDW und MDF

              EDIT:
              Aber jetzt glaube ich was du meinst: Die Fläche unter der Kurve
              Integral.png

              so wie hier bei Wind (grün) und Pegel (blau)

              Hab ich bei eCharts noch nicht gefunden

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

                @homoran

                Genau 😀

                MaterialDesignWidget von Scrounger

                Thread

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

                  @saschag sagte in Test eCharts Adapter:

                  MaterialDesignWidget von Scrounger

                  brauch ich nicht - kenn ich nicht

                  Bei mir ist es flot.
                  Wenn es da geht, gehe ich davon aus, dass es irgendwann auch von @bluefox in eCharts eingebaut wird

                  1 Reply Last reply Reply Quote 0
                  • A
                    AndyUM61 @David G. last edited by

                    @david-g sagte in Test eCharts Adapter:

                    @Hydrokultur
                    Ich mache es folgendermaßen:

                    Das echart in einem neuen Tab öffnen. Dafür gibt es ja ein Symbol.

                    Screenshot_20201204-173642_Chrome.jpg

                    Dann den Link kopieren. Allerdings dann den Port von 8081 auf 8082 abändern. Sonst geht es nicht.

                    Hallo,

                    leider funktioniert das mit dem Port ändern bei mir nicht.
                    Es erscheint dann nur das kreisende ioBroker-Logo und kein Chart.

                    Ein Flot-chart konnte man auch in einem iFrame mit einem relativen Link der Form:
                    "/flot/index.html?range=2880&zoom=true&......" eintragen.
                    Das scheint bei eChart leider nicht zu funktionieren, da der Adapter irgend wo anders liegt.
                    Wie kann ich ein eChart relativ adressieren?

                    Gruß Andy

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

                      @andyum61 sagte in Test eCharts Adapter:

                      Wie kann ich ein eChart relativ adressieren?

                      Ich weiß es nicht.

                      Im Reiter Optionen gibt es zwei Buttons unter der Rubrik "in Zwischenablage kopieren".
                      eine in admin, eine in web.

                      Habe da aber noch nie draufgeklickt 😉

                      A 1 Reply Last reply Reply Quote 0
                      • D
                        dodi666 last edited by

                        Hallo zusammen,
                        kann mir jemand erklären, wie die Themes funktionieren?
                        Wenn ich diese auswähle, passiert irgendwie nichts...

                        Grüße
                        Sascha

                        1 Reply Last reply Reply Quote 0
                        • K
                          Kueppert @AndyUM61 last edited by

                          @andyum61 ich konnte den eChart in iQontrol einbinden:
                          bdd51678-9eb8-459c-b821-639b2aeb8acf-image.png

                          Ich habe dafür, wie von Hormoran mitgeteilt, einfach ein preset erstellt, dann auf den Button "in einem neuen Fenster öffnen" geklickt und genau diesen link (8081 => 8082) nutzen können.

                          Sieht bei mir dann so aus der Link:
                          http://192.168.178.69:8082/adapter/echarts/chart/index.html?preset=echarts.0.Proxmox

                          Du meinst vermutlich (kenne ich auch noch aus Flot-Zeiten), ob man den vorderen Teil weglassen kann (IP). Hab ich nicht getestet, da für iQontrol (für mich) nicht notwendig. Greife nur via VPN, wenn, von extern auf meine Automatisierung zu.

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

                            @kueppert sagte in Test eCharts Adapter:

                            wie von Hormoran mitgeteilt, einfach ein preset erstellt, dann auf den Button "in einem neuen Fenster öffnen" geklickt

                            diesen Button kenne ich nicht 😞

                            Habe mich jetzt getraut auf den eben erwähnten Button "web" zu klicken.
                            Daraufhin befindet sich der (im Gegensatz zu flot sehr kurze) Link für 8082 in der Zwischenablage.
                            Einfach in neuem Fenster in die Adresszeile einfügen und du siehst dort dein preset.
                            ich müsste jetzt einmal in vis versuchen, ob es auch ohne <IP>:port geht

                            @andyum61 sagte in Test eCharts Adapter:

                            Wie kann ich ein eChart relativ adressieren?

                            wofür genau benötigst du das?
                            ist eine absolute Adresse nicht besser?

                            (ich weiß, dass der Fernzugriff mit der festen IP Probleme hat)

                            1 Reply Last reply Reply Quote 0
                            • S
                              Saschag @lobomau last edited by Saschag

                              @lobomau

                              Hast Du inzwischen eine Lösung?

                              Edit: Hier zu:


                              @lobomau sagte in Test eCharts Adapter:

                              Edit2: toller Adapter. Wird bestimmt meine flots ersetzen.
                              Das folgende Problem ist mehr ein Luxus-Problem. Die Funktion kannte ich vorher ja noch gar nicht.

                              @Bluefox sagte in Test eCharts Adapter:

                              @Bluefox Zusätzlich unterstützt der Adapter Server-Side-Rendering. Damit kann man die Charts per Telegram oder Email versenden. Sehe Readme für Details.

                              Hier ist ein Beispiel, wie man Echart per telegram sendet:

                              sendTo('echarts.0', {
                                  preset: 'echarts.0.Meine Temperature',
                                  renderer: 'png',
                                  fileOnDisk: '/tmp/chart.png'
                              }, result => {
                                  if (result.error) {
                                      console.error(result.error);
                                  } else {
                                      sendTo('telegram.0', '/tmp/chart.png');
                                  }
                              });
                              

                              cf668197-8245-4a8b-b462-88f4748dbded-image.png

                              Habe ich mal versucht mit dem Script. Mache ich noch was falsch oder muss ich "re-compiling" machen?

                              Fehler:

                              javascript.0	2020-12-17 16:20:10.756	error	(427) script.js.common.Telegram.echarts.Klima_Eltern: Cannot find required modules: looks like it is not possible to generate charts on your Hardware/OS
                              echarts.0	2020-12-17 16:20:10.752	error	the module (for instance, using `npm rebuild` or `npm install`).
                              echarts.0	2020-12-17 16:20:10.752	error	NODE_MODULE_VERSION 72. Please try re-compiling or re-installing
                              echarts.0	2020-12-17 16:20:10.752	error	NODE_MODULE_VERSION 64. This version of Node.js requires
                              echarts.0	2020-12-17 16:20:10.752	error	was compiled against a different Node.js version using
                              echarts.0	2020-12-17 16:20:10.752	error	(1910) Cannot find required modules: Error: The module '/opt/iobroker/node_modules/canvas/build/Release/canvas.node'
                              

                              Angewendetes Script:

                              sendTo('echarts.0', {
                                  preset: 'echarts.0.Test',
                                  renderer: 'png',
                                  fileOnDisk: '/tmp/chart.png'
                              }, result => {
                                  if (result.error) {
                                      console.error(result.error);
                                  } else {
                                      sendTo('telegram.1', '/tmp/chart.png');
                                  }
                              });
                              

                              b4748f4a-4533-4761-a9e4-8f31d814cd6d-image.png

                              Edit: hab einiges ausprobiert: npm rebuild, npm install (dabei ein kleines npm Update), ioBroker Neustart, ich hab mal jpg gegen png ausgetauscht.... irgendwie fehlt mir dieses "canvas.node" ??

                              1 Reply Last reply Reply Quote 0
                              • S
                                Saschag @Saschag last edited by

                                @saschag sagte in Test eCharts Adapter:

                                @homoran

                                Jaein, den Hintergrund unterhalb des Graphs. Wie beim MDW:

                                B44F40B3-C59F-4D49-9253-E690E10D2C1E.jpeg

                                Ich habe es inzwischen gefunden.

                                Bildschirmfoto 2021-01-20 um 11.50.29.png

                                @Bluefox
                                Leider wird bei mir der Button zum ausklappen der Erweiterten Einstellung erst angezeigt wenn man einen zweiten Datenpunkt bzw. Quelle einfügt.

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

                                  @saschag sagte in Test eCharts Adapter:

                                  Ich habe es inzwischen gefunden.

                                  was denn?

                                  Ich habe diese Einstellungen und keine gefüllte Fläche

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

                                    @homoran

                                    Bildschirmfoto 2021-01-20 um 12.02.06.png

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

                                      @saschag Danke!
                                      Hab ich echt übersehen 😉

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

                                        @homoran sagte in Test eCharts Adapter:

                                        @andyum61 sagte in Test eCharts Adapter:

                                        Wie kann ich ein eChart relativ adressieren?

                                        Ich weiß es nicht.

                                        Im Reiter Optionen gibt es zwei Buttons unter der Rubrik "in Zwischenablage kopieren".
                                        eine in admin, eine in web.

                                        Habe da aber noch nie draufgeklickt 😉

                                        Das hatte ich noch gar nicht entdeckt.
                                        Aber der Link für web funktioniert bei mir nicht.
                                        Da kommt dann wirklich nur das kreisende ioBroker-Symbol:(.

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

                                          @andyum61 sagte in Test eCharts Adapter:

                                          Aber der Link für web funktioniert bei mir nicht.

                                          du meinst du hast dann den Link in die Adresszeile kopiert und ge"enter"t?
                                          Passt denn der Inhalt?

                                          • IP
                                          • Port
                                          • Preset Name?
                                          A 1 Reply Last reply Reply Quote 0
                                          • A
                                            AndyUM61 @Kueppert last edited by

                                            @kueppert

                                            Leider funktioniert der Link über Port 8082 bei mir weder lokal, noch über vpn.
                                            Das hat zur Folge, dass nicht einmal was über das lokale WLAN auf dem Tab was dargestellt wird.
                                            Der Adapter scheint aufgerufen zu werden, aber bekommt leider keine Daten.
                                            Eben nur das ioBroker-Logo.
                                            Keine Ahnung warum das nicht funzt:(.

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            509
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            echarts
                                            101
                                            624
                                            129952
                                            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