Hauptmenü

Chart mit Daten aus DbLog in FHEMapp4

Begonnen von andrewski, 24 September 2024, 14:30:33

Vorheriges Thema - Nächstes Thema

andrewski

Hallo,

FHEMapp habe ich erst vor 2 Wochen entdeckt und bin begeistert, wie leicht man sine UI damit gestalten kann. Von daher schon mal vielen Dank für die Entwicklung! Ich scheitere allerdings gerade daran, einen Chart zu erstellen, in dem Daten aus einer DbLog Datenbank dargestellt werden und die Beispiele, die ich diesbezüglich gefunden habe, basieren alle noch auf V3.

Gibt es für V4 vielleicht auch schon ein Bespiel und ich finde es nur nicht oder wäre es möglich, dass mir jemand eine kleine Beispielkonfiguration zeigt?

Viele Grüße
Andre

binford6000

In https://github.com/jemu75/fhemApp?tab=readme-ov-file#level-element-chart-serie
wird unter 'data' beschrieben, wie die Daten (auch) aus einem DBLog-Device gezogen werden können.

data: Kann einen einzelnen Zahlenwert, oder ein Array mit Zahlenwerten oder eine FHEM-Anweisung get
für FileLog-Devices bzw. DBLog-Devices enthalten.

VG Sebastian

andrewski

Ah, mir ist gerade erst klar geworden, dass der get Befehl zur Abfrage einer Zeitreihe bei einem DbLog anders ist als bei einem FileLog. Für den Fall, dass jemand auf dem gleichen Schlauch steht, diese Info findet man hier:
https://wiki.fhem.de/wiki/DbLog#Werte_auslesen

Und hier ein Beispiel (DbLog device heißt logdb):
{
    "name": "chart",
    "panel": {
        "devices": [
            "db:logdb"
        ]
    },
    "status": {
        "title": [
            "Schlafzimmer"
        ],
        "imageUrl": [
            "::images/header_01.png"
        ]
    },
    "main": [
        {
            "level": {
                "mid": "chart",
                "height": [
                    "250px"
                ]
            },
            "mid": {
                "serie": [
                    "::get db - - -1 0 MQTT2_schlafzimmer_Thermometer\\:temperature:Temperatur:1:°C:line",
                    "::get db - - -1 0 MQTT2_schlafzimmer_Thermometer\\:humidity:Luftfeuchtigkeit:1:%:line"
                ],
                "options": {
                    "series": [
                        {
                            "smooth": true,
                            "showSymbol": false
                        },
                        {
                            "smooth": true,
                            "showSymbol": false,
                            "yAxisIndex": 1
                        }
                    ]
                },
                "options2": {
                    "grid": {
                        "top": 30,
                        "bottom": 120,
                        "left": 60,
                        "right": 60
                    },
                    "legend": {
                        "bottom": 60
                    },
                    "dataZoom": [
                        {
                            "show": true
                        }
                    ],
                    "series": [
                        {
                            "smooth": true,
                            "showSymbol": false
                        },
                        {
                            "smooth": true,
                            "showSymbol": false,
                            "yAxisIndex": 1
                        }
                    ]
                }
            }
        }
    ],
    "info": {
        "left1": [
            ":::mdi-chart-bar"
        ]
    }
}

Und natürlich Danke für die schnelle Antwort.

jemu75

Hallo Andre,

vielen Dank für den Hinweis bzgl. der get Anweisung bei Verwendung von dblog. Ich hatte im Zuge der Entwicklung nur FileLog im Einsatz. Aber schön zu lesen, dass es mit dbLog ebenfalls funktioniert. Ich hoffe, Du kannst dir damit deine Wunsch-Charts erstellen. Die EChart Komponente liefert ja unzählige Möglichkeiten zur Visualisierung.  :)

Beste Grüße
Jens