Freitag, 12. April 2024

Better Access Charts: Den Tooltip konfigurieren

Mit der letzten Version von Better Access Charts ist die Möglichkeit hinzugekommen, den Tooltip ein- und auszuschalten. Dies war nur eine Vorarbeit, um weitere Eigenschaften des Tooltips steuern zu können. Welche Eigenschaften jetzt angepasst werden können, zeigt dieser Beitrag.

Die von Better Access Charts erzeugten Charts sind interaktiv. Das bedeutet, dass sie auf die Interaktion des Benutzers reagieren. So können z.B. Datenreihen ein- und ausgeblendet werden. Eine weitere Form der Interaktion stellt der Tooltip dar.

Bereits mit der letzten Version von Better Access Charts ist die Möglichkeit hinzugekommen, den Tooltip ein- oder auszuschalten. Jetzt sind neun weitere Eigenschaften hinzugekommen, mit denen das Erscheinungsbild des Tooltips gesteuert werden kann.

Ohne weiteren Einstellungen für den Tooltip wird dieser standardmäßig wie folgt angezeigt:

Im ersten Beispiel werden die Eigenschaften BackgroundColorBorderColor und BorderWidth angepasst. Das Ergebnis sieht wie folgt aus:

Der zugehörige Code sieht ungefähr so aus:

In Zeile 4 wird die Hintergrundfarbe gesetzt.
In Zeile 5 wird die Rahmenfarbe festgelegt.
In Zeile 6 wird die Rahmenbreite definiert.

Im zweiten Beispiel werden die Eigenschaften CaretPaddingCaretSize und Position angepasst. Das Ergebnis sieht wie folgt aus:

Der zugehörige Code sieht ungefähr so aus:

In Zeile 4 wird der Abstand des Tooltip-Pfeils festgelegt.
In Zeile 5 wird die Größe des Tooltip-Pfeils eingestellt.
In Zeile 6 wird die Position bestimmt.

Im dritten Beispiel werden die Eigenschaften DisplayColorsUsePointStyle und Padding angepasst. Das Ergebnis sieht wie folgt aus:

Der zugehörige Code sieht ungefähr so aus:

In Zeile 4 wird festgelegt, dass farbige Symbole im Tooltip angezeigt werden.
In Zeile 5 wird eingestellt, dass die Symbole denen aus dem Chart entsprechen.
In Zeile 6 wird der Abstand zum Rand innerhalb des Tooltips festgelegt.

Mit diesen Möglichkeiten, das Aussehen des Tooltips zu beeinflussen, kann Better Access Chart wieder ein kleines Stück mehr an die persönlichen Bedürfnisse angepasst werden.

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

Keine Kommentare: