Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. eChart selbst erstellen und per iFrame anzeigen

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    3.9k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.2k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.5k

eChart selbst erstellen und per iFrame anzeigen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
3 Beiträge 2 Kommentatoren 397 Aufrufe 1 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • jrbwhJ Offline
    jrbwhJ Offline
    jrbwh
    schrieb am zuletzt editiert von
    #1

    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.

    HomoranH 1 Antwort Letzte Antwort
    0
    • jrbwhJ jrbwh

      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.

      HomoranH Nicht stören
      HomoranH Nicht stören
      Homoran
      Global Moderator Administrators
      schrieb am zuletzt editiert von
      #2

      @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

      kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

      jrbwhJ 1 Antwort Letzte Antwort
      0
      • HomoranH Homoran

        @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

        jrbwhJ Offline
        jrbwhJ Offline
        jrbwh
        schrieb am zuletzt editiert von
        #3

        @homoran Danke für die schnelle Rückmeldung. Das ist echt trickreich, so ein Stapeldiagramm aufzubauen. :+1:
        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 Antwort Letzte Antwort
        0
        Antworten
        • In einem neuen Thema antworten
        Anmelden zum Antworten
        • Älteste zuerst
        • Neuste zuerst
        • Meiste Stimmen


        Support us

        ioBroker
        Community Adapters
        Donate

        592

        Online

        32.7k

        Benutzer

        82.4k

        Themen

        1.3m

        Beiträge
        Community
        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
        ioBroker Community 2014-2025
        logo
        • Anmelden

        • Du hast noch kein Konto? Registrieren

        • Anmelden oder registrieren, um zu suchen
        • Erster Beitrag
          Letzter Beitrag
        0
        • Home
        • Aktuell
        • Tags
        • Ungelesen 0
        • Kategorien
        • Unreplied
        • Beliebt
        • GitHub
        • Docu
        • Hilfe