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. Grafik ohne History erstellen

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    23
    1
    1.3k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.3k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.5k

Grafik ohne History erstellen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
36 Beiträge 7 Kommentatoren 2.1k Aufrufe 5 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.
  • 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.
    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
      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.
        schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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.
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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.
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  0
                  • David G.D David G.

                    @delphinis sagte in Grafik ohne History erstellen:

                    Flex-Adapter

                    ?

                    D Offline
                    D Offline
                    Delphinis
                    schrieb am zuletzt editiert von
                    #28

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

                    jrbwhJ 1 Antwort Letzte Antwort
                    0
                    • D Delphinis

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

                      jrbwhJ Offline
                      jrbwhJ Offline
                      jrbwh
                      schrieb am zuletzt editiert von
                      #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 Antworten Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        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.
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                            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.
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              0
                              • BananaJoeB Offline
                                BananaJoeB Offline
                                BananaJoe
                                Most Active
                                schrieb am zuletzt editiert von 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, 9 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 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                                David G.D 1 Antwort Letzte Antwort
                                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.
                                  schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                  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 Offline
                                    BananaJoeB Offline
                                    BananaJoe
                                    Most Active
                                    schrieb am zuletzt editiert von
                                    #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, 9 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 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                                    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

                                    608

                                    Online

                                    32.5k

                                    Benutzer

                                    81.7k

                                    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