Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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. Praktische Anwendungen (Showcase)
  4. Hilfreiche Scripte z.b. Farben nach Prozente

NEWS

  • Der neue Monatsrückblick für Mai und Juni 2026 ist online!
    BluefoxB
    Bluefox
    8
    1
    606

  • wichtiges UPDATE für controller 7.2.2 im stable
    HomoranH
    Homoran
    10
    1
    3.3k

  • Neues YouTube-Video: Visualisierung im Devices-Adapter
    BluefoxB
    Bluefox
    16
    1
    5.1k

Hilfreiche Scripte z.b. Farben nach Prozente

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
1 Beiträge 1 Kommentatoren 315 Aufrufe 1 Beobachtet
  • Ä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.
  • T Offline
    T Offline
    TomTom24
    schrieb am zuletzt editiert von
    #1

    Für alle, die ein bisschen JS brauchen können.
    Hier ein paar globale Funktionen:

    Übergabe von Stunden in Dezimal - Rückgabe von Stunden und Minuten

    function dezimaleStundenInStundenUndMinuten(dezimaleStunden) {
        // Berechne die Gesamtzahl der Minuten
        const gesamtMinuten = dezimaleStunden * 60;
    
        // Extrahiere die Stunden (Ganzzahlanteil)
        const stunden = Math.floor(dezimaleStunden);
    
        // Extrahiere die Minuten (Nachkommateil)
        const minuten = Math.round((dezimaleStunden - stunden) * 60);
    
        // Füge führende Nullen hinzu
        const stundenMitNullen = stunden < 10 ? `0${stunden}` : stunden;
        const minutenMitNullen = minuten < 10 ? `0${minuten}` : minuten;
    
        return `${stundenMitNullen}:${minutenMitNullen}h`;
    }
    

    Um in Abhängigkeit von der % Zahl einen Wert zurückzubekommen von rot /niedrig zu grün /hoch

    function getColorByPercentage_redtogreen(percentage) {
        // Stellen Sie sicher, dass der Wert zwischen 0 und 100 liegt
        percentage = Math.max(0, Math.min(100, percentage));
    
        // Berechnen Sie die RGB-Werte für den Farbverlauf
        const red = Math.floor(255 * (1 - percentage / 100));
        const green = Math.floor(255 * (percentage / 100));
        const blue = 0;
    
        // Konvertieren Sie die RGB-Werte in einen hexadezimalen Farbcode
        const colorCode = `#${red.toString(16).padStart(2, '0')}${green.toString(16).padStart(2, '0')}00`;
    
        return colorCode;
    }
    

    Hier gibt es einen Farbwert nach Wert zurück - Farbwerte müsst ihr Euch noch anpassen:

    function getColorByValue_Verbrauch(value) {
        if (value === 0) {
            return "#808080"; // Grau
        } else if (value > 0) {
            return "#29fc11"; // Grün
        } else {
            return "#ff0024"; // Rot
        }
    }
    
    1 Antwort Letzte Antwort
    4

    Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

    Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

    Mit deinem Input könnte dieser Beitrag noch besser werden 💗

    Registrieren Anmelden
    Antworten
    • In einem neuen Thema antworten
    Anmelden zum Antworten
    • Älteste zuerst
    • Neuste zuerst
    • Meiste Stimmen


    Support us

    ioBroker
    Community Adapters
    Donate

    329

    Online

    33.0k

    Benutzer

    83.4k

    Themen

    1.3m

    Beiträge
    Community
    Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
    ioBroker Community 2014-2026
    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