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. JarVis 3 - JSON Tabelle - Zellen modifizieren (gelöst)

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    14
    1
    195

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    12
    1
    572

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.8k

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
15 Beiträge 3 Kommentatoren 602 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.
  • 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 ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
      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 ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
          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 ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
              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 ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                  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 ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                      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 Online
                          I Online
                          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 ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                            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

                            955

                            Online

                            32.5k

                            Benutzer

                            81.8k

                            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