Vorstellung meiner VIS

[Kippe]

Danke dir
Muss ich das ganze css bei mir eintragen, oder nur den letzten Teil ?

[saeft_2003]

@kippe

Alles bestimmt nicht. Entweder du suchst dirs raus, oder fügst einfach alles ein.

[Kippe]

Super
Hatte jetzt mal endlich Zeit es zu probieren.
Sieht wirklich Genial aus

Hätte da aber mal noch eine Frage zur Seitlichen Bar zum aufklappen. Wie hast du das gemacht, und was brauche ich dafür alles um das zu machen. Habe mittlerweile auch kein Platz mehr unterhalb der View was zu platzieren 🤩

[saeft_2003]

@kippe

Ich hab doch mein ganzen Projekt bereitgestellt da sind alle widget drin die du brauchst.

Hast du dir das mal angeschaut?

[Kippe]

Nein habe ich noch nicht.
Braucht man denn einen Adapter dafür, oder geht das so in den Einstellungen mit den Widgets?

[saeft_2003]

@kippe

Du brauchst vis-materialdisign.

[Pamf]

@saeft_2003 Leider bekomme ich die Standanzeige von Werten bei Grafana noch nicht so schick hin wie Du. Kannst Du mir sagen, wie Du

dieses hinbekommst? Gerne auch als Grafana-Export.

[saeft_2003]

@pamf

hier als json

{
  "id": 4,
  "gridPos": {
    "h": 8,
    "w": 12,
    "x": 0,
    "y": 0
  },
  "type": "bargauge",
  "pluginVersion": "8.3.3",
  "links": [],
  "fieldConfig": {
    "defaults": {
      "thresholds": {
        "mode": "absolute",
        "steps": [
          {
            "color": "semi-dark-red",
            "index": 0,
            "value": null
          },
          {
            "color": "semi-dark-yellow",
            "index": 1,
            "value": 10
          },
          {
            "color": "semi-dark-green",
            "index": 2,
            "value": 20
          }
        ]
      },
      "mappings": [],
      "color": {
        "mode": "thresholds"
      },
      "max": 100,
      "min": 0,
      "unit": "percent"
    },
    "overrides": []
  },
  "options": {
    "reduceOptions": {
      "values": false,
      "calcs": [
        "last"
      ],
      "fields": ""
    },
    "orientation": "horizontal",
    "displayMode": "gradient",
    "showUnfilled": true,
    "text": {}
  },
  "targets": [
    {
      "groupBy": [
        {
          "params": [
            "$__interval"
          ],
          "type": "time"
        },
        {
          "params": [
            "null"
          ],
          "type": "fill"
        }
      ],
      "measurement": "meine-datenpunkte.0.Füllstand_Zisterne.Füllstand_Zisterne_in_Prozent",
      "orderByTime": "ASC",
      "policy": "default",
      "refId": "A",
      "resultFormat": "time_series",
      "select": [
        [
          {
            "params": [
              "value"
            ],
            "type": "field"
          },
          {
            "params": [],
            "type": "last"
          }
        ]
      ],
      "tags": []
    }
  ],
  "datasource": null
}

[Niz Nokz]

@saeft_2003 Super vielen Dank das du dein Projekt zur Verfügung gestellt hast.
Ich bin begeistert von deinen Screenshots und möchte es gerne auch bei mir ausprobieren. Leider ist es mir bisher noch nicht gelungen alles zu importieren. Die ganzen Icons, welche im Ordner "img" liegen sollen, sind scheinbar nicht in der Projektdatei dabei. Könntest du diese bitte auch zur Verfügung stellen oder habe ich vllt. beim Import was falsch gemacht?
Bei mir sieht es nämlich so aus, weil auf ein nicht vorhandenes Icon im Projektordner verwiesen wird:

Danke!!!

[stefu87_CH]

@saeft_2003 Hast du noch die Visu aktiv mit Unifi? Du hast da alles per Javascript gemacht. Hast du dies noch in Betrieb? Wenn ja würdest du die Javascripts zu Verfügung stellen?