[GELÖST] Influx Dashboard in Vis einbinden

[peterk34]

ich würde gerne ein influxdb Dashboard in VIS darstellen ...

Bei Grafana ging das über einen html Code ... gibts da mit Influxdb auch eine Möglichkeit? Das Dashboard kann als JSON exportiert werden - aber wie bringe ich es dann ins VIS?

[Armilar]

@peterk34

wahrscheinlich bildet das JSON eine Tabellenstruktur ab.

Dann erstelle dir unter 0_userdata.0 einen Datenpunkt (Typ string/json) , wo du das JSON vom Influx reinschreibst. Im VIS benutzt du dann eine "json Table".

[peterk34]

@armilar kommt nicht wirklich was an ...

Das ist das JSON:

Spoiler

{
 "meta": {
   "version": "1",
   "type": "dashboard",
   "name": "Strompreis-Template",
   "description": "template created from dashboard: Strompreis"
 },
 "content": {
   "data": {
     "type": "dashboard",
     "attributes": {
       "name": "Strompreis",
       "description": ""
     },
     "relationships": {
       "label": {
         "data": []
       },
       "cell": {
         "data": [
           {
             "type": "cell",
             "id": "0a2848b9541e0000"
           }
         ]
       },
       "variable": {
         "data": []
       }
     }
   },
   "included": [
     {
       "id": "0a2848b9541e0000",
       "type": "cell",
       "attributes": {
         "x": 0,
         "y": 0,
         "w": 10,
         "h": 5
       },
       "relationships": {
         "view": {
           "data": {
             "type": "view",
             "id": "0a2848b9541e0000"
           }
         }
       }
     },
     {
       "type": "view",
       "id": "0a2848b9541e0000",
       "attributes": {
         "name": "Stundenwerte Awattar",
         "properties": {
           "shape": "chronograf-v2",
           "queries": [
             {
               "text": "from(bucket: \"iobroker\")\n  |> range(start: v.timeRangeStart, stop: v.timeRangeStop)\n  |> filter(fn: (r) => r[\"_measurement\"] == \"0_meine_Daten.0.Awattar.Daten.MAX\" or r[\"_measurement\"] == \"0_meine_Daten.0.Awattar.Daten.MIN\" or r[\"_measurement\"] == \"0_meine_Daten.0.Awattar.Daten.AVG\")\n  |> filter(fn: (r) => r[\"_field\"] == \"value\")\n  |> aggregateWindow(every: v.windowPeriod, fn: last, createEmpty: false)\n  |> yield(name: \"last\")",
               "editMode": "advanced",
               "name": "",
               "builderConfig": {
                 "buckets": [],
                 "tags": [
                   {
                     "key": "_measurement",
                     "values": [],
                     "aggregateFunctionType": "filter"
                   }
                 ],
                 "functions": [
                   {
                     "name": "mean"
                   }
                 ],
                 "aggregateWindow": {
                   "period": "auto",
                   "fillValues": false
                 }
               }
             }
           ],
           "axes": {
             "x": {
               "bounds": [
                 "",
                 ""
               ],
               "label": "",
               "prefix": "",
               "suffix": "",
               "base": "10",
               "scale": "linear"
             },
             "y": {
               "bounds": null,
               "label": "Preis ct/kWh",
               "prefix": "",
               "suffix": " ct",
               "base": "10",
               "scale": "linear"
             }
           },
           "type": "xy",
           "staticLegend": {
             "colorizeRows": true,
             "heightRatio": 0.16276595744680852,
             "opacity": 1,
             "orientationThreshold": 100000000,
             "widthRatio": 1
           },
           "geom": "step",
           "colors": [
             {
               "id": "08549a18-c0c0-4970-9ba7-e94185b9be11",
               "type": "scale",
               "hex": "#31C0F6",
               "name": "Nineteen Eighty Four",
               "value": 0
             },
             {
               "id": "01f44e66-ee1f-4023-8d45-7d7b75bad7f8",
               "type": "scale",
               "hex": "#A500A5",
               "name": "Nineteen Eighty Four",
               "value": 0
             },
             {
               "id": "1b5d2485-67b0-433b-a957-cdc7bc57c89f",
               "type": "scale",
               "hex": "#FF7E27",
               "name": "Nineteen Eighty Four",
               "value": 0
             }
           ],
           "note": "",
           "showNoteWhenEmpty": false,
           "xColumn": "_time",
           "generateXAxisTicks": [],
           "xTotalTicks": 0,
           "xTickStart": 0,
           "xTickStep": 0,
           "yColumn": "_value",
           "generateYAxisTicks": [],
           "yTotalTicks": 0,
           "yTickStart": 0,
           "yTickStep": 0,
           "shadeBelow": false,
           "position": "overlaid",
           "timeFormat": "DD/MM/YYYY HH:mm:ss.sss",
           "hoverDimension": "y",
           "legendColorizeRows": true,
           "legendHide": false,
           "legendOpacity": 1,
           "legendOrientationThreshold": 100000000
         }
       }
     }
   ]
 },
 "labels": []
}

[Armilar]

@peterk34
hmm, vielleicht vorher etwas aufbereiten?

Sie dir das mal dort an: http://json2table.com/
JSON reinwerfen und dann auf Play drücken.

Willst du das wirklich so in deiner VIS haben?

Ist für die json Tables im Vis aktuell zu komplex aufgebaut, würde ich mal sagen.

Dann kannst du das zunächst einmal in ein Objekt parsen, die Werte so aggregieren, dass da eine saubere Tabelle herauspurzelt und dann in Vis einbinden.

[peterk34]

@armilar ist gar nicht mein Ziel ... ich möchte das rüberbringen:

... so siehts in Influxdb aus

[DJMarc75]

@peterk34 influx hat da auch nicht vorgesehen dass diese Dashboards extern dargestellt werden können - also grafisch. Das musst Du weiterhin mit Grafana machen !

[hagst]

@peterk34 sagte in Influx Dashboard in Vis einbinden:

ich würde gerne ein influxdb Dashboard in VIS darstellen

Schau Dir mal den Adapter echarts an, der sollte Dir helfen.

Dann in VIS das echart Widget auswählen und dort die ID von echarts eintragen

Schau mal hier:
Youtube

[DJMarc75]

@hagst was soll denn jetzt der echarts Adapter hier bewirken ?
@peterk34 möchte das Dashboard 1:1 optisch in VIS darstellen.

[Armilar]

@peterk34
Wenn es in Grafana bereits läuft, warum bindest du dann nicht das Grafana-Dashboard in Vis ein?

[DJMarc75]

@armilar sagte in Influx Dashboard in Vis einbinden:

Wenn es in Grafana bereits läuft, warum bindest du dann nicht das Grafana-Dashboard in Vis ein

??? Glaub nicht dass Du mich da markieren wolltest ?!

[Armilar]

@djmarc75
das ist wohl richtig

[peterk34]

Habe jetzt influxdb und grafana neu aufgesetzt ... integriere es jetzt über grafana da influxdb offenbar nicht geht und hab sofort ein neues Problem:

jemand eine Idee?

[Thomas Braun]

@peterk34

Bitte keine Bildchen von Text.
Text in CodeTags eingebettet hier rein.

Diagnose: Der user 'pi' darf in /var/lib/grafana/plugins nicht schreiben.

Ich bin mir auch nicht sicher, ob das der übliche Weg ist plugins zu installieren.

Wie sehen denn die Rechte an dem Verzeichnis aus?

[peterk34]

@thomas-braun laut doku schon ... hab das Verzeichnis nun manuell angelegt mit dem Ergebnis, dass das plugin mit meiner Grafana Version gar nicht kompatibel ist ...

pi@IOB-KEP:/var/lib/grafana $ grafana-cli plugins install grafana-image-renderer
Error: ✗ grafana-image-renderer v is not supported on your system (Grafana v9.2.1 linux-arm64)

man brauchts aber offenbar um in VIS sichtbar zu werden ...

[Thomas Braun]

@peterk34

Supported operating systems

Linux (x64)
Windows (x64)
Mac OS X (x64)

Dein arm64 wird nicht unterstützt.

[peterk34]

@thomas-braun

schaut so aus ...

[peterk34]

Finale Lösung:

über Grafana, den Renderer brauchts nicht.

in grafana.ini:
allow_embedding = true und anonymus auth dann gehts wunderbar
dann Link als Iframe ins Vis wie oft beschrieben

Danke für die Unterstützung

[schneire]

@peterk34
Servus Peter, kannst du uns deine Lösung näher bringen.
Bin auf einem Raspi mit Grafanainstallation.
Was ist nun zu tun dass ich Screens aus Grafana abrufen und speichen kann?

Grüße Reiner

[A Former User]

@schneire

Das ist ein Gelöster Post und sollte nach meinem dafür nicht wieder aufgemacht werden, besser einen Neue aufmachen und konkret sein Problem beschreiben, hast Du jetzt ein Problem mit Grafana oder beim Import in der VIS?

Eine Schritt für Schritt Anleitung für Grafana?

1. auf Deinem RasPi als User einloggen
2. per sudo die Konfiguration von Grafana editieren

    dp20eic@grafana:~$ ls -la /etc/grafana/grafana.ini 
    -rw-r----- 1 root grafana 42835 Apr 20  2022 /etc/grafana/grafana.ini
   
    sudo vi /etc/grafana/grafana.ini
   

3. in der geöffneten Datei nach dem Eintrag allow_embedding suchen
4. das ; vor dem Eintrag entfernen
5. falls dort noch false steht auf true ändern, sieht dann so aus

     # set to true if you want to allow browsers to render Grafana in a <frame>, <iframe>, <embed> or <object>. default is false.
     allow_embedding = true 
   

6. das gleiche für den anonymous zugriff machen

    #################################### Anonymous Auth ######################
    [auth.anonymous]
    # enable anonymous access
    ;enabled = false
    
   

Ich hab es nicht gesetzt geht hier auch so, ich must mich dann nur einmal einloggen, dass umgehst Du wenn enabled = true setzt
7. Datei speichern
8. Grafana restarten

  sudo systemctl restart grafana-server.service

9. Dashboard oder Panel exportieren und in der VIS wie gewünscht einfügen.

VG
Bernd

[schneire]

@dp20eic
Super , das war einfach zum nachvollziehen -Gelöst!