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. Skripten / Logik
  4. JavaScript
  5. Farbe des basic Bars zum Wert des Datenpunktes ändern

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    2.5k

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.3k

Farbe des basic Bars zum Wert des Datenpunktes ändern

Geplant Angeheftet Gesperrt Verschoben JavaScript
javascript
5 Beiträge 2 Kommentatoren 335 Aufrufe 2 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.
  • I Offline
    I Offline
    IOJoe22
    schrieb am zuletzt editiert von
    #1

    Hallo,
    versuche nun einige Zeit schon, die Farbe eines Bars entsprechend des Wertes seines Datenpunktes zu ändern. Es geht um den Bezug und Einspeisung von Strom. Der Datenpunkt liefert positive kWh bei Bezug und negative bei Einspeisung aus der PV.
    Er soll enstsprechend rot bei Bezug und grün bei Einspeisung sein. Unten ist der Bezug, in der Mitte fließt kein Strom und oben ist der Export.

    Im Moment ist der Bar immer rot, egal ob Bezug oder Einspeisung.

    Bild Einspeisung
    Bezug-Export-Anzeige.jpg

    Bild Bezug, sollte grün sein
    BAR Test mit Script03.jpg

    Dazu hab ich mir ein Script aus einem Tutorial geladen und angepasst.

    function numberToRgbColor(i)
    {
        var rgb = [128,128,128];
    
        if ( i > 0,1 ) 
    	{
    		rgb = [217,22,22]; // Rot
    	}
        else
    	{
    	    rgb = [61,153,63]; // Grün	
    	}
    
        return 'rgb(' + rgb[0] + ',' + rgb[1] + ',' + rgb[2] + ')'; 
    

    Das hab ich unter Eigenschaften des Bars nach "Scripte" kopiert,

    BAR Script01.jpg

    und bei Allgemein in Farbe folgendes Kopiert:

    {n:javascript.0.Bezug_Leistung_total;numberToRgbColor(n)}
    

    Alle Versuche in dem Script Zeile 5 passend zu setzen, sind misslungen.

    if ( i > 0,1 ) ist aktuell die Version
    if ( i < 0 ) klappt nicht
    if ( i > 0 ) klappt nicht
    if ( i > -0,1 ) klappt nicht
    if ( i < -0,1 ) klappt nicht
    if ( i < 3 ) klappt nicht (Beispiel)

    Muss sagen, dass ich noch nichts mit Javascript gemacht habe, eher Python, aber sooo groß kann der Unterschied doch nicht sein.
    Hab ich einen Syntax-Fehler, der nicht angemeckert wird?

    Danke für eine Tipp.

    M 1 Antwort Letzte Antwort
    0
    • I IOJoe22

      Hallo,
      versuche nun einige Zeit schon, die Farbe eines Bars entsprechend des Wertes seines Datenpunktes zu ändern. Es geht um den Bezug und Einspeisung von Strom. Der Datenpunkt liefert positive kWh bei Bezug und negative bei Einspeisung aus der PV.
      Er soll enstsprechend rot bei Bezug und grün bei Einspeisung sein. Unten ist der Bezug, in der Mitte fließt kein Strom und oben ist der Export.

      Im Moment ist der Bar immer rot, egal ob Bezug oder Einspeisung.

      Bild Einspeisung
      Bezug-Export-Anzeige.jpg

      Bild Bezug, sollte grün sein
      BAR Test mit Script03.jpg

      Dazu hab ich mir ein Script aus einem Tutorial geladen und angepasst.

      function numberToRgbColor(i)
      {
          var rgb = [128,128,128];
      
          if ( i > 0,1 ) 
      	{
      		rgb = [217,22,22]; // Rot
      	}
          else
      	{
      	    rgb = [61,153,63]; // Grün	
      	}
      
          return 'rgb(' + rgb[0] + ',' + rgb[1] + ',' + rgb[2] + ')'; 
      

      Das hab ich unter Eigenschaften des Bars nach "Scripte" kopiert,

      BAR Script01.jpg

      und bei Allgemein in Farbe folgendes Kopiert:

      {n:javascript.0.Bezug_Leistung_total;numberToRgbColor(n)}
      

      Alle Versuche in dem Script Zeile 5 passend zu setzen, sind misslungen.

      if ( i > 0,1 ) ist aktuell die Version
      if ( i < 0 ) klappt nicht
      if ( i > 0 ) klappt nicht
      if ( i > -0,1 ) klappt nicht
      if ( i < -0,1 ) klappt nicht
      if ( i < 3 ) klappt nicht (Beispiel)

      Muss sagen, dass ich noch nichts mit Javascript gemacht habe, eher Python, aber sooo groß kann der Unterschied doch nicht sein.
      Hab ich einen Syntax-Fehler, der nicht angemeckert wird?

      Danke für eine Tipp.

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

      @iojoe22

      {n:javascript.0.Bezug_Leistung_total;n==0?"green":n>1?"red":"yellow"}
      

      NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

      I 1 Antwort Letzte Antwort
      1
      • M MCU

        @iojoe22

        {n:javascript.0.Bezug_Leistung_total;n==0?"green":n>1?"red":"yellow"}
        
        I Offline
        I Offline
        IOJoe22
        schrieb am zuletzt editiert von
        #3

        @mcu sagte in Farbe des basic Bars zum Wert des Datenpunktes ändern:

        {n:javascript.0.Bezug_Leistung_total;n==0?"green":n>1?"red":"yellow"}

        Danke @MCU , habe es noch ein wenig angepasst, werde morgen sehen, wie es sich verhält.

        {n:javascript.0.Bezug_Leistung_total;n<0?"green":n>0,5?"red":"yellow"}
        
        M 1 Antwort Letzte Antwort
        0
        • I IOJoe22

          @mcu sagte in Farbe des basic Bars zum Wert des Datenpunktes ändern:

          {n:javascript.0.Bezug_Leistung_total;n==0?"green":n>1?"red":"yellow"}

          Danke @MCU , habe es noch ein wenig angepasst, werde morgen sehen, wie es sich verhält.

          {n:javascript.0.Bezug_Leistung_total;n<0?"green":n>0,5?"red":"yellow"}
          
          M Online
          M Online
          MCU
          schrieb am zuletzt editiert von
          #4

          @iojoe22 sagte in Farbe des basic Bars zum Wert des Datenpunktes ändern:

          {n:javascript.0.Bezug_Leistung_total;n<0?"green":n>0,5?"red":"yellow"}

          {n:javascript.0.Bezug_Leistung_total;n<0?"green":n>0.5?"red":"yellow"}
          

          NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

          I 1 Antwort Letzte Antwort
          1
          • M MCU

            @iojoe22 sagte in Farbe des basic Bars zum Wert des Datenpunktes ändern:

            {n:javascript.0.Bezug_Leistung_total;n<0?"green":n>0,5?"red":"yellow"}

            {n:javascript.0.Bezug_Leistung_total;n<0?"green":n>0.5?"red":"yellow"}
            
            I Offline
            I Offline
            IOJoe22
            schrieb am zuletzt editiert von IOJoe22
            #5

            @mcu Danke, an so Kleinigkeiten kann man verzweifeln.

            NACHTRAG:

            hatte noch einen Fehler in der Formel, durch copy and paste stimmte der Pfad zu dem Wert nicht :angry:

            {n:alias.0.Bezug_Leistung_total;n< -0.3 ?"green":n> 0.3 ?"red":"yellow"}
            

            jetzt funktioniert es :blush:

            Grün bei Einspeisung, Gelb ein kleiner Bereich von + - 0,3 kWh wenn wenig Strom fließt und Rot bei Bezug.

            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

            298

            Online

            32.6k

            Benutzer

            82.3k

            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