Skip to content
  • 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
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. JarVis 3 - JSON Tabelle - Zellen modifizieren (gelöst)

NEWS

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

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

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

JarVis 3 - JSON Tabelle - Zellen modifizieren (gelöst)

Geplant Angeheftet Gesperrt Verschoben Visualisierung
15 Beiträge 3 Kommentatoren 594 Aufrufe 4 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.
  • Frank KabischF Offline
    Frank KabischF Offline
    Frank Kabisch
    schrieb am zuletzt editiert von Frank Kabisch
    #1

    Hallo zusammen.

    Vmtl mache ich jetzt ein altes Fass auf; leider habe ich im Forum (und auch im Web) nicht wirklich etwas gefunden.
    Ich nutze die JarVis3 - bin auch voll zufrieden damit, weil echt vielseitig nutz- und anpassbar.

    Leider will es mir nicht gelingen, eine JSON-Tabelle (besser deren Zellen) zu modifizieren. Also ja, aber nur teilweise.

    Im Screenshot seht Ihr, dass der "Gelbe Sack" auch sauber in gelb dargestellt wird.
    Wie müsste ich meinen Code anpassen, damit das auch die anderen Einträge passiert.
    Quelle der Daten: (Datenpunkt): ical.2.data.table

    [
      {
        "field": "date",
        "label": "Datum",
        "align": "left",
        "mask": "dd.mm.yyyy"
      },
      {
        "field": "event",
        "label": "Typ",
        "align": "left",
        "style": "(rowIndex, row, props) => (row.event == 'Gelbe/r Sack/Tonne' ? 'color: #ffff00' : 'color: #ffffff')"
      }
    ]
    

    Screenshot:
    2025-01-03_Vis_01.png

    Oder geht das so gar nicht?

    Vielen Dank.

    M 1 Antwort Letzte Antwort
    0
    • Frank KabischF Frank Kabisch

      Hallo zusammen.

      Vmtl mache ich jetzt ein altes Fass auf; leider habe ich im Forum (und auch im Web) nicht wirklich etwas gefunden.
      Ich nutze die JarVis3 - bin auch voll zufrieden damit, weil echt vielseitig nutz- und anpassbar.

      Leider will es mir nicht gelingen, eine JSON-Tabelle (besser deren Zellen) zu modifizieren. Also ja, aber nur teilweise.

      Im Screenshot seht Ihr, dass der "Gelbe Sack" auch sauber in gelb dargestellt wird.
      Wie müsste ich meinen Code anpassen, damit das auch die anderen Einträge passiert.
      Quelle der Daten: (Datenpunkt): ical.2.data.table

      [
        {
          "field": "date",
          "label": "Datum",
          "align": "left",
          "mask": "dd.mm.yyyy"
        },
        {
          "field": "event",
          "label": "Typ",
          "align": "left",
          "style": "(rowIndex, row, props) => (row.event == 'Gelbe/r Sack/Tonne' ? 'color: #ffff00' : 'color: #ffffff')"
        }
      ]
      

      Screenshot:
      2025-01-03_Vis_01.png

      Oder geht das so gar nicht?

      Vielen Dank.

      M Online
      M Online
      MCU
      schrieb am zuletzt editiert von
      #2

      @frank-kabisch Verstehe gerade nicht was du erreichen willst.

      NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

      Frank KabischF 1 Antwort Letzte Antwort
      0
      • M MCU

        @frank-kabisch Verstehe gerade nicht was du erreichen willst.

        Frank KabischF Offline
        Frank KabischF Offline
        Frank Kabisch
        schrieb am zuletzt editiert von
        #3

        @mcu
        Ich möchte gerne, dass der Text in den Zellen in Abhängigkeit des Wertes eine bestimmte Farbe annimmt.
        Also. z.B. gelb für gelber Sack, blau für Papiertonne, usw.

        M 1 Antwort Letzte Antwort
        0
        • Frank KabischF Frank Kabisch

          @mcu
          Ich möchte gerne, dass der Text in den Zellen in Abhängigkeit des Wertes eine bestimmte Farbe annimmt.
          Also. z.B. gelb für gelber Sack, blau für Papiertonne, usw.

          M Online
          M Online
          MCU
          schrieb am zuletzt editiert von
          #4

          @frank-kabisch Versuch es mal so?

          {
          ...
          "style": "(rowIndex, row, props) => (if(row.event == 'Gelbe/r Sack/Tonne'){'color: #ffff00'} else if(row.event == 'Papiertonne'){'color:0000ff'} else 'color: #ffffff')"
          }
          

          NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

          Frank KabischF 1 Antwort Letzte Antwort
          0
          • M MCU

            @frank-kabisch Versuch es mal so?

            {
            ...
            "style": "(rowIndex, row, props) => (if(row.event == 'Gelbe/r Sack/Tonne'){'color: #ffff00'} else if(row.event == 'Papiertonne'){'color:0000ff'} else 'color: #ffffff')"
            }
            
            Frank KabischF Offline
            Frank KabischF Offline
            Frank Kabisch
            schrieb am zuletzt editiert von
            #5

            @mcu said in JarVis 3 - JSON Tabelle - Zellen modifizieren:

            "style": "(rowIndex, row, props) => (if(row.event == 'Gelbe/r Sack/Tonne'){'color: #ffff00'} else if(row.event == 'Papiertonne'){'color:0000ff'} else 'color: #ffffff')"

            Unexpexted token "if" .... schreibt die Visualisierung2025-01-03_Vis_02.png

            M 1 Antwort Letzte Antwort
            0
            • Frank KabischF Frank Kabisch

              @mcu said in JarVis 3 - JSON Tabelle - Zellen modifizieren:

              "style": "(rowIndex, row, props) => (if(row.event == 'Gelbe/r Sack/Tonne'){'color: #ffff00'} else if(row.event == 'Papiertonne'){'color:0000ff'} else 'color: #ffffff')"

              Unexpexted token "if" .... schreibt die Visualisierung2025-01-03_Vis_02.png

              M Online
              M Online
              MCU
              schrieb am zuletzt editiert von
              #6

              @frank-kabisch Und so?
              {
              ...
              "style": "(rowIndex, row, props) => (row.event == 'Gelbe/r Sack/Tonne' ? 'color: #ffff00' : row.event == 'Papiertonne' ? 'color:0000ff' : 'color: #ffffff')"
              }

              NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
              Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

              Frank KabischF 1 Antwort Letzte Antwort
              0
              • M MCU

                @frank-kabisch Und so?
                {
                ...
                "style": "(rowIndex, row, props) => (row.event == 'Gelbe/r Sack/Tonne' ? 'color: #ffff00' : row.event == 'Papiertonne' ? 'color:0000ff' : 'color: #ffffff')"
                }

                Frank KabischF Offline
                Frank KabischF Offline
                Frank Kabisch
                schrieb am zuletzt editiert von
                #7

                @mcu
                gleiches Ergebnis, wie im Eingangspost ... aber kein Fehler mehr.

                Nur der gelbe Sack ist gelb ...

                Ist so, als ob das alles irgendwie komplett ignoriert wird.

                M 1 Antwort Letzte Antwort
                0
                • Frank KabischF Frank Kabisch

                  @mcu
                  gleiches Ergebnis, wie im Eingangspost ... aber kein Fehler mehr.

                  Nur der gelbe Sack ist gelb ...

                  Ist so, als ob das alles irgendwie komplett ignoriert wird.

                  M Online
                  M Online
                  MCU
                  schrieb am zuletzt editiert von MCU
                  #8

                  @frank-kabisch Ich muss es dann mal selber integrieren. Welche jarvis-Version?

                  NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                  Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                  Frank KabischF 1 Antwort Letzte Antwort
                  0
                  • M MCU

                    @frank-kabisch Ich muss es dann mal selber integrieren. Welche jarvis-Version?

                    Frank KabischF Offline
                    Frank KabischF Offline
                    Frank Kabisch
                    schrieb am zuletzt editiert von Frank Kabisch
                    #9

                    @mcu

                    v3.1.8 incl. Pro-Account

                    M 1 Antwort Letzte Antwort
                    0
                    • Frank KabischF Frank Kabisch

                      @mcu

                      v3.1.8 incl. Pro-Account

                      M Online
                      M Online
                      MCU
                      schrieb am zuletzt editiert von
                      #10

                      @frank-kabisch v3.1.8, v3.2.8 gibt es nicht. ok

                      NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                      Frank KabischF 1 Antwort Letzte Antwort
                      0
                      • M MCU

                        @frank-kabisch v3.1.8, v3.2.8 gibt es nicht. ok

                        Frank KabischF Offline
                        Frank KabischF Offline
                        Frank Kabisch
                        schrieb am zuletzt editiert von
                        #11

                        @mcu
                        ja sorry ... vertippt

                        M 1 Antwort Letzte Antwort
                        0
                        • Frank KabischF Frank Kabisch

                          @mcu
                          ja sorry ... vertippt

                          M Online
                          M Online
                          MCU
                          schrieb am zuletzt editiert von
                          #12

                          @frank-kabisch Also man muss auf die Verschachtelung achten.

                          {
                          "style": "(rowIndex, row, props) => (row.event == 'Gelbe/r Sack/Tonne' ? 'color: #ffff00' :  (row.event == 'Biotonne' ? 'color: #00ff00' :  (row.event == 'Papiertonne' ? 'color: #0000ff' : 'color: #ffffff')))"
                          }
                          

                          NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                          Frank KabischF 1 Antwort Letzte Antwort
                          0
                          • M MCU

                            @frank-kabisch Also man muss auf die Verschachtelung achten.

                            {
                            "style": "(rowIndex, row, props) => (row.event == 'Gelbe/r Sack/Tonne' ? 'color: #ffff00' :  (row.event == 'Biotonne' ? 'color: #00ff00' :  (row.event == 'Papiertonne' ? 'color: #0000ff' : 'color: #ffffff')))"
                            }
                            
                            Frank KabischF Offline
                            Frank KabischF Offline
                            Frank Kabisch
                            schrieb am zuletzt editiert von
                            #13

                            @mcu said in JarVis 3 - JSON Tabelle - Zellen modifizieren:

                            "style": "(rowIndex, row, props) => (row.event == 'Gelbe/r Sack/Tonne' ? 'color: #ffff00' : (row.event == 'Biotonne' ? 'color: #00ff00' : (row.event == 'Papiertonne' ? 'color: #0000ff' : 'color: #ffffff')))" }

                            Geil.Passt.
                            Vielen Dank für Deinen Einsatz!

                            1 Antwort Letzte Antwort
                            0
                            • I Offline
                              I Offline
                              intruder7
                              schrieb am zuletzt editiert von intruder7
                              #14

                              @MCU
                              Weil es hier einpasst....
                              Wie kann man dann ein Vergleich aller Werte in einer Spalte machen und z.B. den größten Wert hervorheben?. Und kann man an den Wert aus dem JSON eine Einheit ranhängen?

                              Viele Grüße

                              Hintergrund: ich würde gerne den günstigsten Wert aus meiner Tabelle der Tankstellen und Preise hervorheben.

                              [
                                {
                                  "field": "img",
                                  "format": "val => val = '<div style=\"width:20px; height:20px;\"><img style=\"width:100%;height:100%\" src='+val+'></div>'",
                                  "label": "ICON"
                                },
                                {
                                  "field": "name",
                                  "align": "left",
                                  "label": "Nmae"
                                },
                                {
                                  "field": "diesel",
                                  "align": "left",
                                  "label": "Diesel"
                                },
                                {
                                  "field": "E10",
                                  "align": "left",
                                  "label": "E10"
                                },
                                {
                                  "field": "E5",
                                  "align": "left",
                                  "label": "E5"
                                },
                                {
                                  "field": "status",
                                  "align": "left",
                                  "label": "Status"
                                }
                              ]
                              
                              M 1 Antwort Letzte Antwort
                              0
                              • I intruder7

                                @MCU
                                Weil es hier einpasst....
                                Wie kann man dann ein Vergleich aller Werte in einer Spalte machen und z.B. den größten Wert hervorheben?. Und kann man an den Wert aus dem JSON eine Einheit ranhängen?

                                Viele Grüße

                                Hintergrund: ich würde gerne den günstigsten Wert aus meiner Tabelle der Tankstellen und Preise hervorheben.

                                [
                                  {
                                    "field": "img",
                                    "format": "val => val = '<div style=\"width:20px; height:20px;\"><img style=\"width:100%;height:100%\" src='+val+'></div>'",
                                    "label": "ICON"
                                  },
                                  {
                                    "field": "name",
                                    "align": "left",
                                    "label": "Nmae"
                                  },
                                  {
                                    "field": "diesel",
                                    "align": "left",
                                    "label": "Diesel"
                                  },
                                  {
                                    "field": "E10",
                                    "align": "left",
                                    "label": "E10"
                                  },
                                  {
                                    "field": "E5",
                                    "align": "left",
                                    "label": "E5"
                                  },
                                  {
                                    "field": "status",
                                    "align": "left",
                                    "label": "Status"
                                  }
                                ]
                                
                                M Online
                                M Online
                                MCU
                                schrieb am zuletzt editiert von MCU
                                #15

                                @intruder7 Wäre besser wenn du einen eigenen Thread aufmachst. Danke.
                                Zum Thema ranhängen der Einheit

                                "format": "val => val = val+' €'",
                                

                                Scheint eine eigene Tabelle zu sein, bitte reinstellen, in den eigenen Thread.

                                EDIT:
                                Geht nicht, da man in der Zeile keinen Zugriff auf alle Elemente hat. -> Eigenes Programm schreiben und damit eine eigene JSON erstellen, wo man die gewünschten Elemente hervorhebt.

                                d2edd880-e7de-409a-ad6a-5f7939bd939b-image.png

                                f2ce3241-531b-4a09-b690-f815a621a329-image.png

                                NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                                Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                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

                                365

                                Online

                                32.4k

                                Benutzer

                                81.4k

                                Themen

                                1.3m

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

                                • Du hast noch kein Konto? Registrieren

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