Diferència entre revisions de la pàgina «Ús de Grafana llegint dades de MariaDB»
m |
m |
||
| Línia 36: | Línia 36: | ||
[[Image:25nodoMariaDbNodeRed.png|center|Generació de dadess aleatòries]] | [[Image:25nodoMariaDbNodeRed.png|center|Generació de dadess aleatòries]] | ||
| + | |||
| + | Al seleccionar el commutador (''switch'') '''Randomize''' comença la generació de dades aleatòries. Al deseleccionar-lo s'atura la generació de dades. | ||
| + | |||
| + | [[Image:26nodoMariaDbNodeRed.png|center|Generació de dades aleatòries]] | ||
| + | |||
| + | [https://www.binefa.cat/training/upcSchool/2023/20230415/26nodeRedRandomUi.nodered.json Codi del NodeRED que genera dues dades aleatòries] | ||
| + | |||
| + | === Selecció de taula i dades a visualitzar === | ||
| + | Seleccioneu una taula vista amb '''time''' amb format d''''època UNIX'''. Després seleccioneu la columna '''time''' i les dades a visualitzar ('''valueT''') | ||
| + | [[Image:25grafanaCreateDashboard2023.png|center|Selecció de taula i dades a visualitzar]] | ||
| + | |||
| + | Afegiu més dades a visualitzar (afegiu '''valueRH''') | ||
| + | [[Image:26grafanaCreateDashboard2023.png|center|Selecció de taula i dades a visualitzar]] | ||
| + | |||
| + | == Paràmetres de la gràfica == | ||
| + | |||
| + | [[Image:30grafanaPanelSettings2023.png|center|Paràmetres]] | ||
| + | |||
| + | |||
| + | [[Image:31grafanaPanelSettings2023.png|center|Paràmetres]] | ||
| + | |||
| + | |||
| + | [[Image:32grafanaPanelSettings2023.png|center|Paràmetres]] | ||
| + | |||
| + | |||
| + | [[Image:33grafanaPanelSettings2023.png|center|Paràmetres]] | ||
| + | |||
| + | == Paràmetres de l'estat (''stat'') == | ||
| + | [[Image:34grafanaStat2023.png|center|Paràmetres de l'estat]] | ||
| + | |||
| + | == Paràmetres del relottge de visualització (''gauge'') == | ||
| + | |||
| + | [[Image:35grafanaGauge2023.png|center|Paràmetres del relottge de visualització]] | ||
| + | |||
| + | == Visualització final amb 3 elements == | ||
| + | Deseu el tauler de control a una carpeta: | ||
| + | [[Image:38grafana3elements2023.png|center|Visualització final amb 3 elements]] | ||
Revisió del 20:13, 21 gen 2024
Contingut
Accés a Grafana
Hi ha tres tipus d'usuario a Grafana: Administrador, Editor i Visualitzador.
El primer cop que entreu a Grafana (port 3000 del localhost: http://localhost:3000) les credencials d'accés són admin/admin i es requereix un canvi de contrasenya. El segon cop ja hi heu d'accedir amb la nova contrasenya.
Administració
Establiment de l'origen de dades
Usuaris
Edició
Entreu amb el vostre usuari.
Creació d'un tauler de control
Creació d'un nou tauler de control
Heu de treure el límit de 50 punts per gràfica
Treure el límit de 50 punts per gràfica (seleccioneu el commutador order i esborreu el número 50):
Origen de dades (Dataset)
Origen de dades a visualitzar (Dataset <-- aula508):
Generació de dades per a visualitzar
Aprofitatnt l'exercici Aleatorizació controlada pel tauler de control, farem servir les dades generades i emmagatzemades a MariaDB per a visualitzar-los a Grafana.
Al seleccionar el commutador (switch) Randomize comença la generació de dades aleatòries. Al deseleccionar-lo s'atura la generació de dades.
Codi del NodeRED que genera dues dades aleatòries
Selecció de taula i dades a visualitzar
Seleccioneu una taula vista amb time amb format d'època UNIX. Després seleccioneu la columna time i les dades a visualitzar (valueT)
Afegiu més dades a visualitzar (afegiu valueRH)
Paràmetres de la gràfica
Paràmetres de l'estat (stat)
Paràmetres del relottge de visualització (gauge)
Visualització final amb 3 elements
Deseu el tauler de control a una carpeta:
