Bubble-Diagramm

Wie man in Chart JS ein Bubble-Diagramm erstellt.

In diesem Beitrag werden wir darüber sprechen, wie man ein Bubble-Diagramm erstellt. Das Erstellen eines Bubble-Diagramms in Chart JS ist aufgrund der drei Datenpunkte etwas knifflig, aber sobald du es im Video siehst, wirst du das Konzept schnell erfassen.

Bubble-Diagramm in Chart JS

Das Video behandelt das Bubble-Diagramm, ein Diagramm, das in Chart JS 2 eingeführt wurde. Das Bubble-Diagramm ähnelt dem Scatter-Diagramm in Chart JS ziemlich. Dabei musst du die Datenpunkte x, y und auch den r-Wert angeben. Das "R" steht für den Radius und gibt an, wie groß die Blase in Pixeln gezeichnet werden soll. Je größer die Blase, desto wichtiger ist sie.

Gemeinsames Problem mit dem Bubble-Diagramm

Ein häufiges Problem beim Bubble-Diagramm ist die Größe der Blasen in der Ecke des Diagramms. Oft werden die Blasen beschnitten oder bestimmte Teile werden aufgrund der Blase, die größer ist als das Canvas-Element, abgeschnitten. Wir werden dieses häufige Problem behandeln, indem wir den Clip-Namespace und den Layout-Padding-Namespace in den Optionen verwenden.