Styling Options
- backgroundColor: This option specifies the background color of bubbles in the Bubble Chart.
- borderColor: This option defines the border color of bubbles in the Bubble Chart.
- borderWidth: This option sets the border width (in pixels) of bubbles in the Bubble Chart.
- pointStyle: This option determines the shape style of bubbles in the Bubble Chart.
- rotation: This option specifies the rotation (in degrees) of bubbles in the Bubble Chart.
- radius: This option sets the radius (in pixels) of bubbles in the Bubble Chart.
Chart.js Bubble Chart
Chart.js Bubble Chart is used to display the three-dimensional data or 3D data. This chart uses the horizontal and vertical axes to position the bubbles based on the first two dimensions, in which the size of each bubble describes the 3rd dimension.
Syntax:
new Chart($("#ID"), {
type: 'bubble',
data: { ... },
options: { ... }
});