Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Grafik ohne History erstellen

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Grafik ohne History erstellen

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

      @delphinis sagte in Grafik ohne History erstellen:

      welche sich jede Stunde, für alle 24 Stunden des Folgenden Tags updaten.

      aber 0-24 des aktuellen Tages bleiben bestehen?
      oder gibt es die gar nicht mehr?

      D 1 Reply Last reply Reply Quote 0
      • David G.
        David G. last edited by

        In eCharts kann man auch eine Json angeben.
        Das habe ich mal gemacht, um mir Werte aus Sourceanalytix zu visualisieren.

        Hab mir die json dann mit einem Blockly zusammengebaut.

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

          @homoran
          Der aktuelle Tag gibt es in einer anderen Ebene auch für 24h. Ich nehme mal an, dass sich die vergangenen Stunden dann nicht mehr ändern, die in der Zukunft liegenden aber schon. Das spiel aber m.e. keine Rolle, da ich die Daten ja selbst zusammensuchen kann. Ich brauch nur etwas für die vis wo ich diese Daten zur Darstellung einfüllen kann.
          Bin da mal an diesem flexcharts dran. Aber diesen Adapter gibt es wohl (noch) nicht als offiziellen Adapter?

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

            @delphinis sagte in Grafik ohne History erstellen:

            Aber diesen Adapter gibt es wohl (noch) nicht als offiziellen Adapter?

            ja, dürfte noch eine sehr frühe Version sein.
            Mit allen Vor- und Nachteilen

            1 Reply Last reply Reply Quote 0
            • D
              Delphinis @David G. last edited by

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

              Homoran David G. 2 Replies Last reply Reply Quote 0
              • Homoran
                Homoran Global Moderator Administrators @Delphinis last edited by

                @delphinis sagte in Grafik ohne History erstellen:

                ein Beispiel?

                da war jemand nicht so glücklich
                https://forum.iobroker.net/post/1200681

                1 Reply Last reply Reply Quote 0
                • David G.
                  David G. @Delphinis last edited by 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 1 Reply Last reply Reply Quote 1
                  • D
                    Delphinis @David G. last edited by 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. 1 Reply Last reply Reply Quote 0
                    • David G.
                      David G. @Delphinis last edited by 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

                      Ro75 D 2 Replies Last reply Reply Quote 0
                      • Ro75
                        Ro75 @David G. last edited by

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

                        Ro75.

                        1 Reply Last reply Reply Quote 0
                        • D
                          Delphinis @David G. last edited by

                          @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. 1 Reply Last reply Reply Quote 0
                          • David G.
                            David G. @Delphinis last edited by

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

                            D 1 Reply Last reply Reply Quote 0
                            • D
                              Delphinis @David G. last edited by

                              @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. 1 Reply Last reply Reply Quote 0
                              • David G.
                                David G. @Delphinis last edited by

                                @delphinis sagte in Grafik ohne History erstellen:

                                Flex-Adapter

                                ?

                                D 1 Reply Last reply Reply Quote 0
                                • D
                                  Delphinis @David G. last edited by

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

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

                                    @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. 2 Replies Last reply Reply Quote 0
                                    • D
                                      Delphinis @jrbwh last edited by

                                      @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 Reply Quote 0
                                      • David G.
                                        David G. @jrbwh last edited by

                                        @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.

                                        OliverIO 1 Reply Last reply Reply Quote 0
                                        • OliverIO
                                          OliverIO @David G. last edited by 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. 1 Reply Last reply Reply Quote 0
                                          • David G.
                                            David G. @OliverIO last edited by

                                            @oliverio

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

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            195
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            7
                                            36
                                            1210
                                            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