Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Grafik ohne History erstellen

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    12
    1
    129

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

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

Grafik ohne History erstellen

Scheduled Pinned Locked Moved Visualisierung
36 Posts 7 Posters 2.4k Views 5 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • D Delphinis

    @david-g
    wo gibt man diese json dann an (Als EChart ID?)
    Und welche Form muss diese haben? Hast du da ein Beispiel?

    David G.D Online
    David G.D Online
    David G.
    wrote on last edited by David G.
    #20

    @delphinis

    Das war damals mein Testscript

    Screenshot_20240921_184726_Chrome.jpg
    (So konnte ich über Datenpunkte in meiner view den Zeitraum für das Chart ändern)

    Da kommen die Werte auf der History, aber kannst ja auch mit Datenpunkten arbeiten.

    In eCharts einfach hier json wählen.
    Screenshot_20240921_184933_Chrome.jpg

    Zeigt eure Lovelace-Visualisierung klick
    (Auch ideal um sich Anregungen zu holen)

    Meine Tabellen für eure Visualisierung klick

    D 1 Reply Last reply
    1
    • David G.D David G.

      @delphinis

      Das war damals mein Testscript

      Screenshot_20240921_184726_Chrome.jpg
      (So konnte ich über Datenpunkte in meiner view den Zeitraum für das Chart ändern)

      Da kommen die Werte auf der History, aber kannst ja auch mit Datenpunkten arbeiten.

      In eCharts einfach hier json wählen.
      Screenshot_20240921_184933_Chrome.jpg

      D Offline
      D Offline
      Delphinis
      wrote on last edited by Delphinis
      #21

      @david-g
      Danke, das mit dem sql.0 einstellen hab ich übersehen.
      Hast du auch das Problem, dass die Darstellung so lange dauert, wie bei https://forum.iobroker.net/post/1200681. Bei mir scheint das ebenfalls der Fall zu sein, es dauert bei mir sogar für nur 3 Datenpunkte ganze 18 Sekunden. Das ist natürlich nicht so toll. Ansonsten wär das wohl genau so was, was ich bräuchte. Kann man da auch anstatt einer "Zeit" eine andere Einheit angeben? Z.B. Temperatur in abhängigkeit von Feuchtigkeit?

      David G.D 1 Reply Last reply
      0
      • D Delphinis

        @david-g
        Danke, das mit dem sql.0 einstellen hab ich übersehen.
        Hast du auch das Problem, dass die Darstellung so lange dauert, wie bei https://forum.iobroker.net/post/1200681. Bei mir scheint das ebenfalls der Fall zu sein, es dauert bei mir sogar für nur 3 Datenpunkte ganze 18 Sekunden. Das ist natürlich nicht so toll. Ansonsten wär das wohl genau so was, was ich bräuchte. Kann man da auch anstatt einer "Zeit" eine andere Einheit angeben? Z.B. Temperatur in abhängigkeit von Feuchtigkeit?

        David G.D Online
        David G.D Online
        David G.
        wrote on last edited by David G.
        #22

        @delphinis

        Das weiß ich nicht mehr genau.
        Hat schon ein "wenig" gedauert, aber lange keine 12 Sek....

        EDIT
        Es braucht die Zeit ab da wo ich auf "los# drücke, also keine Sekunde (nehmt die view nicht für voll, war damals nur ein test):
        Screen_Recordin-1726940433182.gif

        Zeigt eure Lovelace-Visualisierung klick
        (Auch ideal um sich Anregungen zu holen)

        Meine Tabellen für eure Visualisierung klick

        Ro75R D 2 Replies Last reply
        0
        • David G.D David G.

          @delphinis

          Das weiß ich nicht mehr genau.
          Hat schon ein "wenig" gedauert, aber lange keine 12 Sek....

          EDIT
          Es braucht die Zeit ab da wo ich auf "los# drücke, also keine Sekunde (nehmt die view nicht für voll, war damals nur ein test):
          Screen_Recordin-1726940433182.gif

          Ro75R Offline
          Ro75R Offline
          Ro75
          wrote on last edited by
          #23

          @david-g für eCharts absolut in Ordnung.

          Ro75.

          SERVER = Beelink U59 16GB DDR4 RAM 512GB SSD, FB 7490, FritzDect 200+301+440, ConBee II, Zigbee Aqara Sensoren + NOUS A1Z, NOUS A1T, Philips Hue ** ioBroker, REDIS, influxdb2, Grafana, PiHole, Plex-Mediaserver, paperless-ngx (Docker), MariaDB + phpmyadmin *** VIS-Runtime = Intel NUC 8GB RAM 128GB SSD + 24" Touchscreen

          1 Reply Last reply
          0
          • David G.D David G.

            @delphinis

            Das weiß ich nicht mehr genau.
            Hat schon ein "wenig" gedauert, aber lange keine 12 Sek....

            EDIT
            Es braucht die Zeit ab da wo ich auf "los# drücke, also keine Sekunde (nehmt die view nicht für voll, war damals nur ein test):
            Screen_Recordin-1726940433182.gif

            D Offline
            D Offline
            Delphinis
            wrote on last edited by
            #24

            @david-g
            Ja eine Sekunde wäre für mich auch ausreichend, aber es dauert bei mir eeeewig. Wahrscheinlich hab ich einen zu kleinen Rechner...

            David G.D 1 Reply Last reply
            0
            • D Delphinis

              @david-g
              Ja eine Sekunde wäre für mich auch ausreichend, aber es dauert bei mir eeeewig. Wahrscheinlich hab ich einen zu kleinen Rechner...

              David G.D Online
              David G.D Online
              David G.
              wrote on last edited by
              #25

              @delphinis
              Lädt ein normales Chart denn wesentlich schneller in den der View, Zb nach einem Browserrefresh?

              Zeigt eure Lovelace-Visualisierung klick
              (Auch ideal um sich Anregungen zu holen)

              Meine Tabellen für eure Visualisierung klick

              D 1 Reply Last reply
              0
              • David G.D David G.

                @delphinis
                Lädt ein normales Chart denn wesentlich schneller in den der View, Zb nach einem Browserrefresh?

                D Offline
                D Offline
                Delphinis
                wrote on last edited by
                #26

                @david-g
                ja, die Views, welche ich mit dem Flex-Adapter gebaut habe, sind wesentlich schneller mit viel mehr Daten. Auch ein EChart mit History-Werten lädt viel schneller. Geht auch ein paar sekunden, wäre aber ok.
                Ich werde wohl mal abwarten bis der flexchart-Adapter offiziell erhältlich ist. Sollte bald soweit sein.

                David G.D 1 Reply Last reply
                0
                • D Delphinis

                  @david-g
                  ja, die Views, welche ich mit dem Flex-Adapter gebaut habe, sind wesentlich schneller mit viel mehr Daten. Auch ein EChart mit History-Werten lädt viel schneller. Geht auch ein paar sekunden, wäre aber ok.
                  Ich werde wohl mal abwarten bis der flexchart-Adapter offiziell erhältlich ist. Sollte bald soweit sein.

                  David G.D Online
                  David G.D Online
                  David G.
                  wrote on last edited by
                  #27

                  @delphinis sagte in Grafik ohne History erstellen:

                  Flex-Adapter

                  ?

                  Zeigt eure Lovelace-Visualisierung klick
                  (Auch ideal um sich Anregungen zu holen)

                  Meine Tabellen für eure Visualisierung klick

                  D 1 Reply Last reply
                  0
                  • David G.D David G.

                    @delphinis sagte in Grafik ohne History erstellen:

                    Flex-Adapter

                    ?

                    D Offline
                    D Offline
                    Delphinis
                    wrote on last edited by
                    #28

                    @david-g
                    https://forum.iobroker.net/post/1185512

                    jrbwhJ 1 Reply Last reply
                    0
                    • D Delphinis

                      @david-g
                      https://forum.iobroker.net/post/1185512

                      jrbwhJ Offline
                      jrbwhJ Offline
                      jrbwh
                      wrote on last edited by
                      #29

                      @delphinis @David-G Der Adapter flexcharts ist im Beta-Repo als Version 0.1.6 verfügbar und läuft aus meiner Sicht stabil unter Linux und Windows. Der Adapter funktioniert als Web-Extension des Web-Adapters.

                      Wenn man die Daten ohnehin per Skript zusammenbauen muss, bietet sich das Konzept von flexcharts an.

                      D David G.D 2 Replies Last reply
                      0
                      • jrbwhJ jrbwh

                        @delphinis @David-G Der Adapter flexcharts ist im Beta-Repo als Version 0.1.6 verfügbar und läuft aus meiner Sicht stabil unter Linux und Windows. Der Adapter funktioniert als Web-Extension des Web-Adapters.

                        Wenn man die Daten ohnehin per Skript zusammenbauen muss, bietet sich das Konzept von flexcharts an.

                        D Offline
                        D Offline
                        Delphinis
                        wrote on last edited by
                        #30

                        @jrbwh
                        Kann ich bestätigen. Bisher lief alles problemlos, was ich versucht hab. Warte nur noch auf den offiziellen Adapter ;-)
                        eCharts ist da sehr vielseitig einsetzbar und ich überlege mir, welche Charts ich nun darauf migrieren will. Ist halt doch ein ziemlicher Aufwand alles zu coden. Aber für spezielle Wünsche kann ich den jetzt immer einsetzen :-)

                        1 Reply Last reply
                        0
                        • jrbwhJ jrbwh

                          @delphinis @David-G Der Adapter flexcharts ist im Beta-Repo als Version 0.1.6 verfügbar und läuft aus meiner Sicht stabil unter Linux und Windows. Der Adapter funktioniert als Web-Extension des Web-Adapters.

                          Wenn man die Daten ohnehin per Skript zusammenbauen muss, bietet sich das Konzept von flexcharts an.

                          David G.D Online
                          David G.D Online
                          David G.
                          wrote on last edited by
                          #31

                          @jrbwh

                          Ich hab mir das auch mal angeschaut.
                          Wollte ein Stacked Chard erstellen mit 5DPs, hab auber vorerst beim einlesen aufgegeben 🤣.
                          Ist mir irgendwie zu hoch ^^.

                          In Blockly müsste es komfortabel gehen.

                          Zeigt eure Lovelace-Visualisierung klick
                          (Auch ideal um sich Anregungen zu holen)

                          Meine Tabellen für eure Visualisierung klick

                          OliverIOO 1 Reply Last reply
                          0
                          • David G.D David G.

                            @jrbwh

                            Ich hab mir das auch mal angeschaut.
                            Wollte ein Stacked Chard erstellen mit 5DPs, hab auber vorerst beim einlesen aufgegeben 🤣.
                            Ist mir irgendwie zu hoch ^^.

                            In Blockly müsste es komfortabel gehen.

                            OliverIOO Offline
                            OliverIOO Offline
                            OliverIO
                            wrote on last edited by OliverIO
                            #32

                            @david-g

                            Hier ist die Dokumentation zu der Bibliothek, die ich hinter dem Echarts Adapter steht.
                            Wenn der Adapter installiert ist, ist auch die Bibliothek in vis geladen und verfügbar
                            d.h. man muss eigentlich nur noch mit dem Jahres Skript Adapter ein entsprechenden Skript Block mit tag bauen, welcher in einen Datenpunkt geschrieben wird.
                            Dieser Datenpunkt wird dann in einem html Widget dann per binding angezeigt.

                            https://echarts.apache.org/handbook/en/get-started

                            ob es funktioniert, kann man einfach ausprobieren, indem man den folgenden Abschnitt mal in einem Datenbank speichert und diesen Datenpunkt dann per Binding einfügt, wie gerade beschrieben

                            
                            <div id="main" style="width: 600px;height:400px;"></div>
                                <script type="text/javascript">
                                  // Initialize the echarts instance based on the prepared dom
                                  var myChart = echarts.init(document.getElementById('main'));
                            
                                  // Specify the configuration items and data for the chart
                                  var option = {
                                    title: {
                                      text: 'ECharts Getting Started Example'
                                    },
                                    tooltip: {},
                                    legend: {
                                      data: ['sales']
                                    },
                                    xAxis: {
                                      data: ['Shirts', 'Cardigans', 'Chiffons', 'Pants', 'Heels', 'Socks']
                                    },
                                    yAxis: {},
                                    series: [
                                      {
                                        name: 'sales',
                                        type: 'bar',
                                        data: [5, 20, 36, 10, 10, 20]
                                      }
                                    ]
                                  };
                            
                                  // Display the chart using the configuration items and data just specified.
                                  myChart.setOption(option);
                                </script>
                            
                            

                            Meine Adapter und Widgets
                            TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                            Links im Profil

                            David G.D 1 Reply Last reply
                            0
                            • OliverIOO OliverIO

                              @david-g

                              Hier ist die Dokumentation zu der Bibliothek, die ich hinter dem Echarts Adapter steht.
                              Wenn der Adapter installiert ist, ist auch die Bibliothek in vis geladen und verfügbar
                              d.h. man muss eigentlich nur noch mit dem Jahres Skript Adapter ein entsprechenden Skript Block mit tag bauen, welcher in einen Datenpunkt geschrieben wird.
                              Dieser Datenpunkt wird dann in einem html Widget dann per binding angezeigt.

                              https://echarts.apache.org/handbook/en/get-started

                              ob es funktioniert, kann man einfach ausprobieren, indem man den folgenden Abschnitt mal in einem Datenbank speichert und diesen Datenpunkt dann per Binding einfügt, wie gerade beschrieben

                              
                              <div id="main" style="width: 600px;height:400px;"></div>
                                  <script type="text/javascript">
                                    // Initialize the echarts instance based on the prepared dom
                                    var myChart = echarts.init(document.getElementById('main'));
                              
                                    // Specify the configuration items and data for the chart
                                    var option = {
                                      title: {
                                        text: 'ECharts Getting Started Example'
                                      },
                                      tooltip: {},
                                      legend: {
                                        data: ['sales']
                                      },
                                      xAxis: {
                                        data: ['Shirts', 'Cardigans', 'Chiffons', 'Pants', 'Heels', 'Socks']
                                      },
                                      yAxis: {},
                                      series: [
                                        {
                                          name: 'sales',
                                          type: 'bar',
                                          data: [5, 20, 36, 10, 10, 20]
                                        }
                                      ]
                                    };
                              
                                    // Display the chart using the configuration items and data just specified.
                                    myChart.setOption(option);
                                  </script>
                              
                              
                              David G.D Online
                              David G.D Online
                              David G.
                              wrote on last edited by
                              #33

                              @oliverio

                              Vis nutze ich "leider" nicht.
                              Ich muss den regulären weg gehen wie und er Adapterdoku.

                              Zeigt eure Lovelace-Visualisierung klick
                              (Auch ideal um sich Anregungen zu holen)

                              Meine Tabellen für eure Visualisierung klick

                              1 Reply Last reply
                              0
                              • BananaJoeB Online
                                BananaJoeB Online
                                BananaJoe
                                Most Active
                                wrote on last edited by BananaJoe
                                #34

                                Ich habe so etwas mal für den pvforecast mal gebaut, man braucht einen Datenpunkt wo die SQL-History aktiviert ist:

                                1fb861a6-5b47-46fe-99c4-a367d79fe926-image.png

                                Das nutze ich um das JSON des pvforecast-adapters in die SQL-Datenbank zu schreiben:
                                2080ad94-9301-4b25-9258-2f32b9167eed-image.png

                                Wie man sieht kann man beim schreiben den Zeitstempel angeben.
                                Umgemünzt auf die hier vorhandenen Datenpunkte könnte man per Skript den Objektbaum abgrasen, sich die gewünschten Werte herausholen und dann mit Datum und Uhrzeit in den SQL-Datenpunkt schreiben:
                                dee5b36d-f040-4d25-bcba-d44a00dc5488-image.png

                                Das könnte man vermutlich auch auf den InfluxDB oder den History ummünzen.
                                Der Vorteil ist das man nicht zum Zeitpunkt schreiben muss für den der Wert steht, man nachträglich oder im voraus schreiben und gibt den gewünschten Zeitpunkt/Zeitstempel mit an.

                                Das Ergebnis kann problemlos in eChart & Co verwendet werden.

                                Anmerkung: Die Funktion ist nicht von mir, hab auf die schnelle nicht gefunden wer das für mich ausgeklingelt hat
                                Edit: Gefunden! https://forum.iobroker.net/post/1000879

                                ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 10 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV APC 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                                David G.D 1 Reply Last reply
                                0
                                • BananaJoeB BananaJoe

                                  Ich habe so etwas mal für den pvforecast mal gebaut, man braucht einen Datenpunkt wo die SQL-History aktiviert ist:

                                  1fb861a6-5b47-46fe-99c4-a367d79fe926-image.png

                                  Das nutze ich um das JSON des pvforecast-adapters in die SQL-Datenbank zu schreiben:
                                  2080ad94-9301-4b25-9258-2f32b9167eed-image.png

                                  Wie man sieht kann man beim schreiben den Zeitstempel angeben.
                                  Umgemünzt auf die hier vorhandenen Datenpunkte könnte man per Skript den Objektbaum abgrasen, sich die gewünschten Werte herausholen und dann mit Datum und Uhrzeit in den SQL-Datenpunkt schreiben:
                                  dee5b36d-f040-4d25-bcba-d44a00dc5488-image.png

                                  Das könnte man vermutlich auch auf den InfluxDB oder den History ummünzen.
                                  Der Vorteil ist das man nicht zum Zeitpunkt schreiben muss für den der Wert steht, man nachträglich oder im voraus schreiben und gibt den gewünschten Zeitpunkt/Zeitstempel mit an.

                                  Das Ergebnis kann problemlos in eChart & Co verwendet werden.

                                  Anmerkung: Die Funktion ist nicht von mir, hab auf die schnelle nicht gefunden wer das für mich ausgeklingelt hat
                                  Edit: Gefunden! https://forum.iobroker.net/post/1000879

                                  David G.D Online
                                  David G.D Online
                                  David G.
                                  wrote on last edited by David G.
                                  #35

                                  @bananajoe

                                  Hatte auch mal ein Script laufen in manuell in die SQL geschrieben. War glaube weil Sourceanalytix immer am Beginn des Tages schreibt und nicht am Ende, das hatte mein Chart was verwirrt.

                                  Sehe nur den Zusammenhang hier zum topic nicht ^^.

                                  EDIT
                                  Dein Edit geht sogar auf meinen Beitrag ^^.

                                  Zeigt eure Lovelace-Visualisierung klick
                                  (Auch ideal um sich Anregungen zu holen)

                                  Meine Tabellen für eure Visualisierung klick

                                  BananaJoeB 1 Reply Last reply
                                  0
                                  • David G.D David G.

                                    @bananajoe

                                    Hatte auch mal ein Script laufen in manuell in die SQL geschrieben. War glaube weil Sourceanalytix immer am Beginn des Tages schreibt und nicht am Ende, das hatte mein Chart was verwirrt.

                                    Sehe nur den Zusammenhang hier zum topic nicht ^^.

                                    EDIT
                                    Dein Edit geht sogar auf meinen Beitrag ^^.

                                    BananaJoeB Online
                                    BananaJoeB Online
                                    BananaJoe
                                    Most Active
                                    wrote on last edited by
                                    #36

                                    @david-g sagte in Grafik ohne History erstellen:

                                    Sehe nur den Zusammenhang hier zum topic nicht ^^.

                                    Öhm, @Delphinis hat stündliche Werte aus einem Wettervorhersage-Adapter die in einzelnen Datenpunkten landen,
                                    soweit ich das überflogen habe kommen die aber nicht stündlich rein sondern in einem Schwung.

                                    Und so könnte man die passend in die Datenbank schreiben.

                                    ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 10 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV APC 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                                    1 Reply Last reply
                                    0
                                    Reply
                                    • Reply as topic
                                    Log in to reply
                                    • Oldest to Newest
                                    • Newest to Oldest
                                    • Most Votes


                                    Support us

                                    ioBroker
                                    Community Adapters
                                    Donate

                                    554

                                    Online

                                    32.7k

                                    Users

                                    82.4k

                                    Topics

                                    1.3m

                                    Posts
                                    Community
                                    Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                    ioBroker Community 2014-2025
                                    logo
                                    • Login

                                    • Don't have an account? Register

                                    • Login or register to search.
                                    • First post
                                      Last post
                                    0
                                    • Home
                                    • Recent
                                    • Tags
                                    • Unread 0
                                    • Categories
                                    • Unreplied
                                    • Popular
                                    • GitHub
                                    • Docu
                                    • Hilfe