Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[TomTom24]

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
    }
}