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.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)

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.
  • 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

                            279

                            Online

                            32.4k

                            Users

                            81.4k

                            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