Unlängst erreichten mich über GitHub zwei Fragen bzw. Vorschläge. Es ging darum, die Darstellung der Achsen besser steuern zu können. Welche beiden neuen Eigenschaften hinzugekommen sind, verrät dieser Beitrag.
Bisher habe ich mir noch nicht viele Gedanken rund um die Steuerung der Achsen gemacht. Sie sind da und funktionieren so, wie ich es mir vorstelle.
Neulich habe ich über GitHub eine Anfrage erhalten, ob es nicht möglich ist, die Schrittweite der Ticks auf den Achsen zu steuern. Aktuell überlasse ich dies der Automatik von chart.js.
Ein Blick in die Dokumentation von chart.js hat schnell ergeben, dass es mit der Eigenschaft stepSize einen Parameter gibt, mit dem die gewünschte Steuerung vorgenommen werden kann.
Die Umsetzung in Better Access Charts war schnell vorgenommen. Nun kann die Schrittweite nach den Vorgaben des Benutzers z.B. auf 2 oder 5 eingestellt werden.
Der Code für die Anpassung der Schrittweite sieht ungefähr so aus:
In Zeile 7 wird die Schrittweite für die Y-Achse auf den Wert 2 gesetzt.
Vom selben Benutzer gab es über GitHub eine weitere Anfrage. Hier ging es darum, eine Achse logarithmisch zu formatieren.
Beim Blick in die Dokumentation zu chart.js habe ich festgestellt, dass es für den Achsen-Typ mehrere mögliche Werte gibt, die eingestellt werden können:
- Linear
- Logarithmisch
- Kategorie
- Zeit
- Zeitfolgen
Standardmäßig verwendet chart.js für numerische Werte die Einstellung Linear. Für Textwerte wird die Einstellung Kategorie verwendet.
Die Umsetzung in Better Access Charts habe ich über eine weitere Eigenschaft mit dem Namen AxisType bei der Definition der Achsen vorgenommen.
Der Code für die Anpassung des Achsen-Typs sieht ungefähr so aus:
In Zeile 7 wird die Y-Achse als logarithmische Achse formatiert.
Mit diesem Release macht Better Access Charts zwei weitere Schritte nach vorn. Sicher ist die Formatierung der Achen nicht der größte Meilenstein. Sie erweitern aber die Möglichkeiten, einen Chart nach den eigenen Wünschen und Bedürfnissen zu gestalten, wieder ein kleines Stück.
Die aktuelle Version von Better Access Charts steht wie immer auf GitHub bereit:
https://github.com/team-moeller/better-access-charts
Keine Kommentare:
Kommentar veröffentlichen