Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[Hogen]

Hallo zusammen

Ich möchte eine Anzeige realisieren mit dem Circleknob.

Siehe Bild

Balken soll Quasi Mitte 0 beginnen und dann entweder in den linken Bereich Rot wachsen oder eben nach rechts in den Grünen Bereich. Ich wollte das auch schon mit dem Bar Widget machen aber auch da kann ich nicht die Mitte als Referenz (in meinem Fall 0) angeben.

Zum Beispiel wie beim E-Auto die Verbrauchs- Rekuperationsanzeige

Danke euch für eure Hilfe

[OliverIO]

@hogen

leider geht das nicht.
das widget nutzt als basis eine bibliothek
https://github.com/aterrien/jQuery-Knob

dieses nutzt ein canvas element, das bemalt wird.
leider versteht canvas keine css anweisungen und das die bibliothek schreibt einfach nur eine einfache farbe, sonst hätte man das über ein gradienten machen können.
canvas kennt zwar gradienten, die müssen aber per programm hinzugefügt werden.

[Homoran]

@hogen wenn's ein snderes Gauge Widget sein darf

rgraph gauge basic lässt die Skala frei definieren.
Hier habe ich die 0 nicht oben, da der Berrich asymmetrisch zur 0 ist

und dann je nach Bedarf

die Skala einfärben

[Hogen]

@Homoran Welches Widget ist das den?

[Homoran]

@hogen sagte in Circleknob Anzeigeproblem:

@Homoran Welches Widget ist das den?

@homoran sagte in Circleknob Anzeigeproblem:

rgraph gauge basic

[Hogen]

@homoran
Danke hab’s gefunden.
Ich schau mir das mal an.