Dayahead-Auktionspreise

Über diese Funktion erhalten Sie eine Liste mit Spot-Auktionspreisen für den angefragten Tag.
Online-Dokumentation

Beispiel

Sie können das Beispiel direkt hier auf der Website ausprobieren.
Zum Testen auf Ihrer Website können Sie sich den HTML-Quelltext und den Java-Script-Code einfach kopieren.
Vervollständigen Sie anschließend den URL zum Webservice und lassen Sie den Service von statt-werk für Ihre Domain freischalten.

Liste von Auktionspreisen

Datum *:
Dienstanbieter
Website

}

function drawChart(data) {
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");

// Canvas leeren
    ctx.clearRect(0, 0, c.width, c.height );

var max = Math.max(...data.map(item => parseFloat(item.SpotAuktionsPreise60DE.replace(',', '.'))));
    var min = Math.min(...data.map(item => parseFloat(item.SpotAuktionsPreise60DE.replace(',', '.'))));
    var range = max - min;
    var barWidth = c.width / data.length;
    var zeroY = c.height * (max / range); // Y-Position für den Wert 0, angepasst für das Canvas

data.forEach((item, index) => {
        var value = parseFloat(item.SpotAuktionsPreise60DE.replace(',', '.')); // Komma durch Punkt ersetzen und in Zahl umwandeln
        var barHeight = (Math.abs(value) / range) * c.height;

if (value < '6.5') {
             ctx.fillStyle = '#00a67d'; // gruene Farbe der Säulen
        } else {
 ctx.fillStyle = '#f22c3d'; // rote  der Säulen
        }

if (value >= 0) {
            // Positive Werte
            ctx.fillRect(index * barWidth, zeroY - barHeight, barWidth - 5, barHeight);
        } else {
            // Negative Werte
            ctx.fillRect(index * barWidth, zeroY, barWidth - 5, barHeight);
        }

document.getElementById("Herausgeber_Name").innerHTML = item.Herausgeber_Name;
        document.getElementById("Herausgeber_Homepage").innerHTML = item.Herausgeber_Homepage;

// Optional: Text über oder unter jeder Säule, auf 2 Nachkommastellen begrenzt      
        ctx.fillStyle = '#000';
      ctx.fillText(value.toFixed(2), index * barWidth, value >= 0 ? zeroY - barHeight - 5 : zeroY + barHeight + 15);

});
}

</script>