Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Datumsauswahlfelder für Grafana-Diagramm

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    Datumsauswahlfelder für Grafana-Diagramm

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

      Hallo,
      ich habe nachfolgenden Screenshot eines Grafana Diagramms gefunden.
      Weiß jemand, wie man so etwas mit dem Datumsfeldern oberhalb des Diagrammes in ioBroker-VIS hinbekommt?

      05cb0c56-6b20-48b6-b0bd-d0f6f337db4a-image.png

      DJMarc75 ? OliverIO crunchip 4 Replies Last reply Reply Quote 0
      • DJMarc75
        DJMarc75 @ManfredHi last edited by

        @manfredhi OffTopic !

        M 1 Reply Last reply Reply Quote 0
        • M
          ManfredHi @DJMarc75 last edited by

          @djmarc75 ja sorry, wurde ja eh schon verschoben und off-topic ist es ja nicht, weil es mit der Visualisierung zu tun hat.

          DJMarc75 1 Reply Last reply Reply Quote 0
          • DJMarc75
            DJMarc75 @ManfredHi last edited by

            @manfredhi sagte in Datumsauswahlfelder für Grafana-Diagramm:

            weil es mit der Visualisierung zu tun hat

            ok, sorry ... klaro

            1 Reply Last reply Reply Quote 0
            • ?
              A Former User @ManfredHi last edited by

              @manfredhi sagte in Datumsauswahlfelder für Grafana-Diagramm:

              Weiß jemand, wie man so etwas mit dem Datumsfeldern oberhalb des Diagrammes in ioBroker-VIS hinbekommt?

              Moin,

              wenn Du sagen würdest, wo Du das gesehen hast, dann würde ich auch mal schauen, so kann ich da nur mal das https://grafana.com/grafana/plugins/williamvenner-timepickerbuttons-panel/ in den Raum werfen.

              VG
              Bernd

              M 2 Replies Last reply Reply Quote 0
              • M
                ManfredHi @Guest last edited by

                @dp20eic sagte in Datumsauswahlfelder für Grafana-Diagramm:

                wenn Du sagen würdest, wo Du das gesehen hast, dann würde ich auch mal schauen,

                hab das hier in diesem Forum bei einem Gast-Beitrag gesehen:
                https://www.mikrocontroller.net/topic/267831?page=2

                ? 1 Reply Last reply Reply Quote 0
                • M
                  ManfredHi @Guest last edited by

                  @dp20eic sagte in Datumsauswahlfelder für Grafana-Diagramm:

                  das https://grafana.com/grafana/plugins/williamvenner-timepickerbuttons-panel/ in den Raum werfen

                  Wenn ich das installiere wird das Plugin immer auf Disabled gesetzt aufgrund "Missing signature".

                  ? 1 Reply Last reply Reply Quote 0
                  • ?
                    A Former User @ManfredHi last edited by

                    @manfredhi sagte in Datumsauswahlfelder für Grafana-Diagramm:

                    @dp20eic sagte in Datumsauswahlfelder für Grafana-Diagramm:

                    wenn Du sagen würdest, wo Du das gesehen hast, dann würde ich auch mal schauen,

                    hab das hier in diesem Forum bei einem Gast-Beitrag gesehen:
                    https://www.mikrocontroller.net/topic/267831?page=2

                    Moin,

                    da steht etwas von php und eigenem Web-Server,

                    hier noch ein paar Screenshots meiner Umsetzung
                    
                    Werte werden alle 2 Minuten mit einem php-Script per telnet abgeholt und 
                    in eine csv gespeichert.
                    Visualisierung ebenfalls mit php auf dem eigenen Webserver, Diagramm mit 
                    Grafana
                    

                    entweder kommen die Zeiteinstellungen durch den eigenen Web-Server, oder und das muss ich mir erst anschauen, es gibt die Möglichkeit in Grafana Zeiten vorzudefinieren.

                    Die Tage im Grafana-Diagramm können mittels vordef. Std. od. Tage mit 
                    dem Button links oder per Datumsfelder geändert werden.
                    

                    VG
                    Bernd

                    1 Reply Last reply Reply Quote 0
                    • ?
                      A Former User @ManfredHi last edited by

                      @manfredhi sagte in Datumsauswahlfelder für Grafana-Diagramm:

                      @dp20eic sagte in Datumsauswahlfelder für Grafana-Diagramm:

                      das https://grafana.com/grafana/plugins/williamvenner-timepickerbuttons-panel/ in den Raum werfen

                      Wenn ich das installiere wird das Plugin immer auf Disabled gesetzt aufgrund "Missing signature".

                      Moin,

                      was hast Du gemacht und wie?

                      Ich habe

                      dp20eic@grafana:~$ sudo grafana-cli plugins install williamvenner-timepickerbuttons-panel
                      [sudo] password for dp20eic: 
                      ✔ Downloaded and extracted williamvenner-timepickerbuttons-panel v4.1.1 zip successfully to /var/lib/grafana/plugins/williamvenner-timepickerbuttons-panel
                      
                      Please restart Grafana after installing or removing plugins. Refer to Grafana documentation for instructions if necessary.
                      
                      dp20eic@grafana:~$ sudo systemctl restart grafana-server.service
                      

                      In Grafana
                      a5391d59-0fc4-451e-bb6a-51a30fe8b5e7-grafik.png

                      Habe nur noch nicht geschaut, wie man das dann benutzt, vielleicht brauchst Du das auch gar nicht.
                      Muss da mal etwas Spielen.

                      VG
                      Bernd

                      M 1 Reply Last reply Reply Quote 0
                      • OliverIO
                        OliverIO @ManfredHi last edited by OliverIO

                        @manfredhi
                        ganz genau weiß ich es nicht.
                        Aber ich habe mal gesehen, dass die Datums beziehungsweise Zeit Informationen Bestandteil des Links sind.
                        Wenn du per Binding den Link dynamisch zusammen baust, aufgrund der Datumsfelder, dann scheint sich das Diagramm ebenfalls dynamisch anpassen.
                        es kann natürlich sein, dass du mit den Datumsfeldern ein wenig rechnen musst. Da musst du dir das Format mal genau anschauen.
                        in grafana gibt es ja auch eine Zeit Auswahl. Probier die mal aus und schau dir dann mal den resultierenden Link zum teilen an

                        Die Parameter sind from und to
                        Und sind mit Unix timestamps gefüllt
                        Ein Link könnte so aussehen wie in diesem post
                        https://forum.iobroker.net/topic/24824/grafana-iframe-in-vis/32?_=1687630743462

                        ? 1 Reply Last reply Reply Quote 0
                        • ?
                          A Former User @OliverIO last edited by A Former User

                          @oliverio sagte in Datumsauswahlfelder für Grafana-Diagramm:

                          Aber ich habe mal gesehen, dass die Datums beziehungsweise Zeit Informationen Bestandteil des Links sind.

                          Moin,

                          jupp, siehe hier https://grafana.com/docs/grafana/latest/dashboards/variables/add-template-variables/#__from-and-__to

                          Das kann man dann so wie Du vorgeschlagen hast dynamisch zusammenbauen.

                          Beispiel, von Grafana:
                          The syntax above also works with ${__to}.

                          You can use this variable in URLs, as well. For example, you can send a user to a dashboard that shows a time range from six hours ago until now: https://play.grafana.org/d/000000012/grafana-play-home?viewPanel=2&orgId=1?from=now-6h&to=now

                          VG
                          Bernd

                          1 Reply Last reply Reply Quote 0
                          • crunchip
                            crunchip Forum Testing Most Active @ManfredHi last edited by

                            @manfredhi die eine variante wäre z.b. mit

                            https://github.com/Scrounger/ioBroker.vis-materialdesign#line-history-chart
                            aber wahrscheinlich nicht das was du suchst

                            wenns direkt Grafana sein soll, hättest du ja die Möglichkeit die Zeile
                            ebfa7af2-5dbb-4d16-9e21-cb770683fac8-image.png
                            mit im Dashboard zu übertragen und kannst darüber die Zeit auswählen

                            1 Reply Last reply Reply Quote 0
                            • M
                              ManfredHi @Guest last edited by

                              @dp20eic sagte in Datumsauswahlfelder für Grafana-Diagramm:

                              Moin,
                              was hast Du gemacht und wie?
                              Ich habe

                              Danke hat jetzt funktioniert. die Anleitung beim timepicker plugin hat den Befehl mit wget und der führt dann zu dem von mir genannten Fehler mit der Signatur. Jetzt hab ich zumindest mal installiert. Wie es funktioniert muss ich mir erst anschauen und googlen. Der erste Blick darauf war für mich absolut nicht klar wie das geht.

                              @OliverIO
                              werd mir das mal in aller Ruhe anschauen und ausprobieren, ob ich damit weiterkomme.

                              @crunchip sagte in Datumsauswahlfelder für Grafana-Diagramm:

                              wenns direkt Grafana sein soll, hättest du ja die Möglichkeit die Zeile

                              So hab ich es derzeit gelöst. Nur die Auswahl in den eingebunden Grafana-Fenstern ist halt nicht ganz so optimal bzw. benutzerfreundlich wie ich es gerne hätte.

                              ? 1 Reply Last reply Reply Quote 0
                              • ?
                                A Former User @ManfredHi last edited by A Former User

                                @manfredhi sagte in Datumsauswahlfelder für Grafana-Diagramm:

                                So hab ich es derzeit gelöst. Nur die Auswahl in den eingebunden Grafana-Fenstern ist halt nicht ganz so optimal bzw. benutzerfreundlich wie ich es gerne hätte.

                                Moin,

                                so, ich habe da vielleicht eine Lösung.

                                Edit Anfang
                                Nop, mit dieser Lösung grenzt man nur den Zeitbereich der Flux Abfrage ein, da hat leider keinen Einfluss für das Diagramm.
                                Ich denke, über die Variablen in der URL, geht das doch am einfachsten.
                                Edit Ende

                                Ich habe mir ein Dashboard angelegt
                                cf9e42e6-f24a-41df-b546-3e1564f9472a-grafik.png
                                59fb8470-781a-413c-8e23-f37a9f6a3e7c-grafik.png

                                Beispie:
                                9b1296cb-0016-4a76-8354-54666c624c78-grafik.png

                                from(bucket: "ioBroker")
                                  |> range(start: v.timeRangeStart, stop: v.timeRangeStop)
                                  |> filter(fn: (r) => r["_measurement"] == "tankerkoenig.0.stations.3.e5.short")
                                  |> filter(fn: (r) => r["_field"] == "value")
                                  |> aggregateWindow(every: v.windowPeriod, fn: mean, createEmpty: false)
                                  |> yield(name: "mean")
                                

                                Erst mal nur Apply
                                dcf329f0-dabe-4948-a60a-4413cf6aae5b-grafik.png
                                Dann auf das Zahnrad
                                036f20b7-9a06-4ef8-9d83-eff657c699c8-grafik.png
                                Nächster Schritt Variablen
                                f8547a03-39a3-4a01-a2d5-ac688bf10b4e-grafik.png
                                9bed62f6-b526-4de9-9b52-0ec99cbca808-grafik.png
                                333f20c4-32b4-467f-b388-c82a58845c4f-grafik.png
                                Nach dem Apply
                                9c7baa0a-5dd2-49a6-85c3-85c99a1cd1d0-grafik.png
                                Sichern
                                5db67106-f812-4d2e-880b-4e635272a4b8-grafik.png
                                dbc541f1-e3a9-444c-9040-f30b5ad157f3-grafik.png
                                3cc1c541-8e53-4a0f-b632-d85e7357c68a-grafik.png
                                Variable ist da, aber funktioniert noch nicht.
                                Jetzt noch die Variable nutzen
                                a88524f4-eda8-4767-8a55-d7786ef7bf49-grafik.png
                                Wenn wir die Abfrage bearbeiten, müssen wir die range anpassen und die Variable Timepicker für Start nutzen, Stop ist dann z.B.: `now()
                                a01ec154-682b-473f-b6a9-86cfc9d48a9b-grafik.png
                                ab39374d-266a-433b-907b-adc9259b2894-grafik.png
                                Speichern nicht vergessen
                                Was ich noch nicht hinbekommen habe, ist das sich das Diagramm anpasst.
                                0cf30859-a542-4461-91b4-c4fd47bc8770-grafik.png
                                961f05f4-f2e1-40b0-b94c-26db1868e86a-grafik.png
                                0149a43e-820a-402f-aa85-b85ba8ece37c-grafik.png
                                0246789b-6409-4a9c-af57-ad04e7db35ff-grafik.png
                                1b994a54-22f2-4cee-a5a6-12456f98285b-grafik.png

                                from(bucket: "ioBroker")
                                  |> range(start: ${Timepicker}, stop: now())
                                  |> filter(fn: (r) => r["_measurement"] == "tankerkoenig.0.stations.3.e5.short")
                                  |> filter(fn: (r) => r["_field"] == "value")
                                  |> aggregateWindow(every: v.windowPeriod, fn: mean, createEmpty: false)
                                  |> yield(name: "mean")
                                

                                Für stop: kann man sich auch eine Variable erstellen und dann bei range nutzen.

                                Bin aber noch dran

                                VG
                                Bernd

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

                                Support us

                                ioBroker
                                Community Adapters
                                Donate

                                834
                                Online

                                31.9k
                                Users

                                80.3k
                                Topics

                                1.3m
                                Posts

                                5
                                14
                                524
                                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