Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. eChart selbst erstellen und per iFrame anzeigen

    NEWS

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker goes Matter ... Matter Adapter in Stable

    eChart selbst erstellen und per iFrame anzeigen

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

      Ich habe mir aus Daten meiner Viessmann Wärmepumpe ein eChart-Stapeldiagramm erstellt. Die Daten bekomme ich über den Adapter e3oncan und bereite sie per Skript auf, so dass alles in einem json-File liegt. Mit einer passender HTML-Datei samt Javascript erstelle ich das eChart. Die Dateien liegen unter /var/www/html/echarts. In einem jarvis-iFrame wird das HTML-File eingebunden. Das Ergebnis sieht so aus:
      142260be-a8e9-4672-b9e3-37d40e143a8c-image.png
      Das funktioniert nun zwar, ist aber sehr umständlich. Am liebsten würde ich das mit dem eChart-Adapter machen, aber da finde ich keine Stapel-Diagramme.
      Wenigstens würde ich aber gerne alles innerhalb von ioBroker lösen. Im iFrame sollte eine Adresse wie localhost:8082/mycharts/index.html aufgerufen werden, die ich passend erstelle und die alles notwendige aufruft.
      Wie kann ich das bewerkstelligen? Finde leider den Einstieg nicht.

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

        @jrbwh ich habe (bei flot) stacked bars noch umständlicher erzeugt.

        zuerst musst du wissen in welcher Reihenfolge die Segmente kommen sollen.
        In der Reihenfolge der Serien muss der oberste Block vor den jeweils nächsten stehen.

        Die Werte müssen jetzt aufaddiert werden

        • unterster Block = nativ
        • nächster Block = nativer Wert + unterster Wert
          usw.

        Dadurch überlagern sich die Balken und das Ergebnis sieht aus wie stacked Bars

        ABER!
        Wenn man sich die Werte anzeigen lässt, passen die natürlich nicht

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

          @homoran Danke für die schnelle Rückmeldung. Das ist echt trickreich, so ein Stapeldiagramm aufzubauen. 👍
          Wäre allerdings ein Rückschritt gegenüber meiner aktuellen Lösung. Da funktioniert Mouse-over und ich kann die Features von eCharts nutzen, z.B. gemeinsame Grid-Linien für beide Achsen.

          Ist die Idee, das über localhost:8082 aufzurufen umsetzbar? Oder geht das nur mit einem Adapter?

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

          Support us

          ioBroker
          Community Adapters
          Donate

          454
          Online

          32.0k
          Users

          80.5k
          Topics

          1.3m
          Posts

          vis
          2
          3
          236
          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