Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
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.0k

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

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

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

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

Scheduled Pinned Locked Moved Visualisierung
15 Posts 3 Posters 594 Views 4 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • Frank KabischF Offline
    Frank KabischF Offline
    Frank Kabisch
    wrote on last edited by 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 Reply Last reply
    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
      wrote on last edited by
      #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 Reply Last reply
      0
      • M MCU

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

        Frank KabischF Offline
        Frank KabischF Offline
        Frank Kabisch
        wrote on last edited by
        #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 Reply Last reply
        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
          wrote on last edited by
          #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 Reply Last reply
          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
            wrote on last edited by
            #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 Reply Last reply
            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
              wrote on last edited by
              #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 Reply Last reply
              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
                wrote on last edited by
                #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 Reply Last reply
                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
                  wrote on last edited by 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 Reply Last reply
                  0
                  • M MCU

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

                    Frank KabischF Offline
                    Frank KabischF Offline
                    Frank Kabisch
                    wrote on last edited by Frank Kabisch
                    #9

                    @mcu

                    v3.1.8 incl. Pro-Account

                    M 1 Reply Last reply
                    0
                    • Frank KabischF Frank Kabisch

                      @mcu

                      v3.1.8 incl. Pro-Account

                      M Online
                      M Online
                      MCU
                      wrote on last edited by
                      #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 Reply Last reply
                      0
                      • M MCU

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

                        Frank KabischF Offline
                        Frank KabischF Offline
                        Frank Kabisch
                        wrote on last edited by
                        #11

                        @mcu
                        ja sorry ... vertippt

                        M 1 Reply Last reply
                        0
                        • Frank KabischF Frank Kabisch

                          @mcu
                          ja sorry ... vertippt

                          M Online
                          M Online
                          MCU
                          wrote on last edited by
                          #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 Reply Last reply
                          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
                            wrote on last edited by
                            #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 Reply Last reply
                            0
                            • I Online
                              I Online
                              intruder7
                              wrote on last edited by 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 Reply Last reply
                              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
                                wrote on last edited by 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 Reply Last reply
                                0
                                Reply
                                • Reply as topic
                                Log in to reply
                                • Oldest to Newest
                                • Newest to Oldest
                                • Most Votes


                                Support us

                                ioBroker
                                Community Adapters
                                Donate

                                604

                                Online

                                32.4k

                                Users

                                81.3k

                                Topics

                                1.3m

                                Posts
                                Community
                                Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                ioBroker Community 2014-2025
                                logo
                                • Login

                                • Don't have an account? Register

                                • Login or register to search.
                                • First post
                                  Last post
                                0
                                • Recent
                                • Tags
                                • Unread 0
                                • Categories
                                • Unreplied
                                • Popular
                                • GitHub
                                • Docu
                                • Hilfe