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
    212

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    579

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    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.
  • 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 ---- 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 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

                              874

                              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