Sonntag, 3. Januar 2021

Better Access Charts: Ein farbiger Hintergrund

Bisher war der Hintergrund unserer Charts immer weiß. Genauer gesagt er war transparent. Jetzt lässt sich die Farbe für den Hintergrund einstellen.

Möglich macht das eine neue Eigenschaft mit dem Namen ChartBackgroundColor. Damit kann auf einfache Art die Hintergrundfarbe angepasst werden.

Ein mögliches Ergebnis sieht dann so aus:


Der Farbcode kann auf verschiedene Art und Weise angegeben werden:

  • RGBA-Code, z.B.: rgba(77,22,66,0.5)
  • RGB-Code, z.B.: rgb(128,255,73)
  • Hex-Code, z.B.: #FF77A1
  • Farbname, z.B.: green

Diese neue Eigenschaft ist optional. Wenn kein Wert für die Hintergrundfarbe angegeben wird, dann bleibt dieser einfach nur transparent.

Das folgende Code-Beispiel zeigt, wie die neue Eigenschaft eingesetzt wird:

In Zeile 4 wird die Eigenschaft ChartBackgroundColor auf einen Farb-Wert eingestellt. In diesem Fall wird ein RGBA-Code übergeben.

Die aktuelle Version von Better Access Charts steht wie immer auf GitHub bereit:
https://github.com/team-moeller/better-access-charts

Keine Kommentare: