Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Balkendiagramm, sortiert

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.8k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.2k

Balkendiagramm, sortiert

Geplant Angeheftet Gesperrt Verschoben Visualisierung
5 Beiträge 2 Kommentatoren 398 Aufrufe 2 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • D Offline
    D Offline
    derrapf
    schrieb am zuletzt editiert von derrapf
    #1

    Hi alle
    Gibt es eine Möglichkeit in VIS Balken (z.B. den Energieverbrauch eines Gerätes) anzuzeigen, aber sortiert vom höchsten Verbrauch zum niedersten?
    Also im Grund sowas wie man es von Android kennt wenn man sich den Akkuverbrauch seiner Apps nzeigen lässt:
    7ca334a5-8bbd-4bd7-813a-3f5e134c6e26-grafik.png
    Sowas würde ich gerne für die einzelnen Verbraucher bei mir machen.

    Geht sowas?
    Ich weiss zwar dass das mit dem Bar-Widget geht, aber dann ist es nicht sortiert und ich muss für jeden neuen Verbraucher immer das VIS anpassen.

    Cool wäre, wenn man ein einziges Widget haben könnte das alle Geräte mit einem "Power" Kanal anzeigt. Und das sortiert.

    Müsste das nicht ähnlich gehen wie die Listen-Anzeigen von Scrounger? Aber ich bin zu doof sowas zu scripten.
    Ev. kann da jemand helfen?
    Oder würde man es vielleicht ganz anders machen?
    EIn Flot Diagramm wäre auch möglich, aber auch da ist die Sortierung problematisch.
    Notfalls muss es halt ohne Sortierung gegen..

    Gruss Ralf

    rrov1R 1 Antwort Letzte Antwort
    0
    • D derrapf

      Hi alle
      Gibt es eine Möglichkeit in VIS Balken (z.B. den Energieverbrauch eines Gerätes) anzuzeigen, aber sortiert vom höchsten Verbrauch zum niedersten?
      Also im Grund sowas wie man es von Android kennt wenn man sich den Akkuverbrauch seiner Apps nzeigen lässt:
      7ca334a5-8bbd-4bd7-813a-3f5e134c6e26-grafik.png
      Sowas würde ich gerne für die einzelnen Verbraucher bei mir machen.

      Geht sowas?
      Ich weiss zwar dass das mit dem Bar-Widget geht, aber dann ist es nicht sortiert und ich muss für jeden neuen Verbraucher immer das VIS anpassen.

      Cool wäre, wenn man ein einziges Widget haben könnte das alle Geräte mit einem "Power" Kanal anzeigt. Und das sortiert.

      Müsste das nicht ähnlich gehen wie die Listen-Anzeigen von Scrounger? Aber ich bin zu doof sowas zu scripten.
      Ev. kann da jemand helfen?
      Oder würde man es vielleicht ganz anders machen?
      EIn Flot Diagramm wäre auch möglich, aber auch da ist die Sortierung problematisch.
      Notfalls muss es halt ohne Sortierung gegen..

      Gruss Ralf

      rrov1R Offline
      rrov1R Offline
      rrov1
      schrieb am zuletzt editiert von
      #2

      @derrapf Hallo, ich weiß nicht ob du schon eine Lösung für dein Problem hast, aber evtl. löst der Einsatz des "Bar Chart" Widget aus dem materialdesign Adpater dein Problem. Um die Sortierung hinzubekommen wirst du nicht um ein Script herumkommen, ich habe z.B. einen Kaffeevollautomaten und wollte den Trend der Kaffeegetränke darstellen. Dazu:

      • zähle und sortiere ich per SQL Query in der DB für den gewünschten Darstellungszeitraum die hergestellten Kaffeegetränke,
      • schreibe das in einen JSON String, welcher in einem Datenpunkt geparkt wird,
      • das "Bar Chart" mit der Einstellung ChartType: Horizontal zeigt den Datenpunkt dann an.

      Ergebnis ist dann sowas:
      Kaffeetrend.png
      VG rrov1

      D 1 Antwort Letzte Antwort
      0
      • rrov1R rrov1

        @derrapf Hallo, ich weiß nicht ob du schon eine Lösung für dein Problem hast, aber evtl. löst der Einsatz des "Bar Chart" Widget aus dem materialdesign Adpater dein Problem. Um die Sortierung hinzubekommen wirst du nicht um ein Script herumkommen, ich habe z.B. einen Kaffeevollautomaten und wollte den Trend der Kaffeegetränke darstellen. Dazu:

        • zähle und sortiere ich per SQL Query in der DB für den gewünschten Darstellungszeitraum die hergestellten Kaffeegetränke,
        • schreibe das in einen JSON String, welcher in einem Datenpunkt geparkt wird,
        • das "Bar Chart" mit der Einstellung ChartType: Horizontal zeigt den Datenpunkt dann an.

        Ergebnis ist dann sowas:
        Kaffeetrend.png
        VG rrov1

        D Offline
        D Offline
        derrapf
        schrieb am zuletzt editiert von
        #3

        @rrov1 Ah!
        Das klingt super.
        Ich habe jetzt als Lösung das Gleiche verwendet; sortiere aber manuell im Widget
        f650f466-62a5-4d84-9422-a49a83c47a91-image.png
        Das mit dem JSON String könnte man mal machen. Dazu muss ich mich aber erst informieren wie der aufgebaut sein muss und wie ich den per Query aufbaue. Noch keine Idee dazu. Hast Du ne Kurzanleitung, oder das Script? Dann kann ich es vielleicht verstehen ud anpassen?
        Gruss Ralf

        rrov1R 1 Antwort Letzte Antwort
        0
        • D derrapf

          @rrov1 Ah!
          Das klingt super.
          Ich habe jetzt als Lösung das Gleiche verwendet; sortiere aber manuell im Widget
          f650f466-62a5-4d84-9422-a49a83c47a91-image.png
          Das mit dem JSON String könnte man mal machen. Dazu muss ich mich aber erst informieren wie der aufgebaut sein muss und wie ich den per Query aufbaue. Noch keine Idee dazu. Hast Du ne Kurzanleitung, oder das Script? Dann kann ich es vielleicht verstehen ud anpassen?
          Gruss Ralf

          rrov1R Offline
          rrov1R Offline
          rrov1
          schrieb am zuletzt editiert von
          #4

          @derrapf Hallo, die Anleitung mit einem Beispiel am Ende findest du hier. Ich habe tatsächlich auch erst mal mit dem Beispiel angefangen und dieses frisiert um die grundsätzlichen Möglichkeiten zu erforschen. Script habe ich dir mal rangehängt, ist halt spezifisch für meinen Zweck:

          • 2 Datenpunkte, einer zum halten des JSON-String für das Bar Chart Widget und einer zum umschalten des Auswertungszeitraums
          • SQL-Query um für den gewählten Zeitraum die Daten zu holen, wobei die SQL-Query die Daten bereits absteigend sortiert
          • Dann muss ich einige Sachen übersetzen ins Deutsche (manches davon kann ich aus Datenpunkten holen, manches ist fest codiert im Script)
          • die Helligkeit für die einzelnen Balken wird über die Funktion ColorLuminance() angepasst (die Funktion ist nicht von mir)
          • dann werden alle Daten an die Variable mit dem JSON String angefügt und
          • am Ende im Datenpunkt gespeichert.

          Fertiges Script: coffeeTrend.js

          Ich hoffe das hilft dir :-)

          D 1 Antwort Letzte Antwort
          0
          • rrov1R rrov1

            @derrapf Hallo, die Anleitung mit einem Beispiel am Ende findest du hier. Ich habe tatsächlich auch erst mal mit dem Beispiel angefangen und dieses frisiert um die grundsätzlichen Möglichkeiten zu erforschen. Script habe ich dir mal rangehängt, ist halt spezifisch für meinen Zweck:

            • 2 Datenpunkte, einer zum halten des JSON-String für das Bar Chart Widget und einer zum umschalten des Auswertungszeitraums
            • SQL-Query um für den gewählten Zeitraum die Daten zu holen, wobei die SQL-Query die Daten bereits absteigend sortiert
            • Dann muss ich einige Sachen übersetzen ins Deutsche (manches davon kann ich aus Datenpunkten holen, manches ist fest codiert im Script)
            • die Helligkeit für die einzelnen Balken wird über die Funktion ColorLuminance() angepasst (die Funktion ist nicht von mir)
            • dann werden alle Daten an die Variable mit dem JSON String angefügt und
            • am Ende im Datenpunkt gespeichert.

            Fertiges Script: coffeeTrend.js

            Ich hoffe das hilft dir :-)

            D Offline
            D Offline
            derrapf
            schrieb am zuletzt editiert von
            #5

            @derrapf Hi
            Ja, super. Das hilft.
            Danke!
            Gruss Ralf

            1 Antwort Letzte Antwort
            0
            Antworten
            • In einem neuen Thema antworten
            Anmelden zum Antworten
            • Älteste zuerst
            • Neuste zuerst
            • Meiste Stimmen


            Support us

            ioBroker
            Community Adapters
            Donate

            903

            Online

            32.4k

            Benutzer

            81.5k

            Themen

            1.3m

            Beiträge
            Community
            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
            ioBroker Community 2014-2025
            logo
            • Anmelden

            • Du hast noch kein Konto? Registrieren

            • Anmelden oder registrieren, um zu suchen
            • Erster Beitrag
              Letzter Beitrag
            0
            • Home
            • Aktuell
            • Tags
            • Ungelesen 0
            • Kategorien
            • Unreplied
            • Beliebt
            • GitHub
            • Docu
            • Hilfe