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

[lesiflo]

Hallo zusammen,

ich bin gerade dabei mir eine Anzeige zu basteln die in etwa das hier anzeigen soll:

Die waagerechte Linie ändert sich dabei in Abhängigkeit von Preis. Alle Preise darunter haben dann Gültigkeit.
Das mit der farblichen Änderung der Preise unterhalb der Schwelle habe ich schon hinbekommen:

Wo ich noch Probleme habe ist die Anzeige der Linie. Ich verwende dafür ein HTML-Widget welches ich über den Parameter "top" in der Höhe verändern kann.

Ich verzweifele gerade an der Umrechnung vom Preis in die Anzahl der Pixel. Den Wert für "top" ermittle ich über ein Blockly. Der Abstand zwischen zwei Werten auf der y-Achse beträgt 40 Pixel, daraus ergibt sich dann pro 1 Cent 8px unterschied. Hat jemand eine Idee wie ich das umrechnen kann oder so etwas schon mal gemacht?