Samstag, 16. Januar 2021

Better Access Charts: Achsen beginnen bei Null

Ab sofort kann festgelegt werden, ob Better Access Charts die Achsen bei null beginnen lässt.

Standardmäßig lässt chart.js die Achsen beim jeweils niedrigsten Wert beginnen. Ein einfaches Balkendiagramm sieht dann beispielsweise so aus:

Der Balken für den ersten Eintrag, Berlin, ist nicht zu sehen. Dies liegt daran, dass die Y-Achse beim Wert 2 beginnt und der Eintrag Berlin den Wert 2 hat.

Better Access Charts verfügt jetzt über zwei weitere Eigenschaften: YAxisBeginAtZero und XAxisBeginAtZero. Damit kann festgelegt werden, dass die jeweilige Achse bei null beginnt.

Wenn man von dieser Möglichkeit Gebrauch macht, sieht der obige Chart so aus:

Die Y-Achse beginnt bei null und damit wird die Säule für "Berlin" ist jetzt sichtbar.

Der Code dafür kann ungefähr so aussehen:

In Zeile 5 wird festgelegt, dass die Y-Ache bei null beginnen soll.

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

Keine Kommentare: