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

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

                            799
                            Online

                            32.0k
                            Users

                            80.5k
                            Topics

                            1.3m
                            Posts

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