Bunifu Scatter Chart

Overview

Scatter charts are based on basic line charts with the x axis changed to a linear axis. To use a scatter chart, data must be passed as objects containing X and Y properties.

Scatter Plot and Scatter Line charts are the two main variations of scatter charts and are suitable for displaying numerical data.

Scatter Plot charts render the data over two independent axes—X and Y.

Scatter Line charts are functionally equivalent to the Scatter Plot charts, but they display connecting lines between the data points they render.

Scatter Charts, also known as XY Charts, are a plot of x values and y values along the two axes. The points are not joined together and can be customized using shapes or images to make them easily identifiable, usually independent of time.

The scatter graph lets you plot data points based on two independent variables. The variable that we seek to predict is called the dependent variable or y-variable. The variable on which it depends is called the independent variable or the x-variable. Scatter graphs can chart multiple data sets, each represented by a different symbol and each having any number of data points.

It is used to display numerical data, either discrete or continuous. Scatter charts are commonly used for visualizing scientific data.

Getting started

Scatter stylings & Customization

Border customization

BorderColor

Gets and sets a color value property to the bubble’s border.

BackgroundColor

Gets and sets a color value property to the bubble’s background

BorderWidth

Gets and sets an integer value that can modify the width of the bubble’s border.

PointStyle

Gets and sets a shape value to display as a data marker on the chart

Radius

Gets and sets the integer value that can change the radius (i.e. distance from the bubble’s center)

Rotation

Gets and sets the integer value that can change the angle of the point. Note: this works on all point styles except the circle point

Point Styling & Customization

PointBackgroundColor

Gets and sets a color value property to the radar’s point background

PointBorderColor

Gets and sets a color value property to the radar’s point border

PointBorderWidth

Gets and sets an integer value that can modify the width of the point’s border.

PointHitRadius

Gets and sets the integer value that can change the radius on of an non-displayed point

PointRadius

Gets and sets the integer value that can change the radius (i.e. distance from the point’s center)

PointRotation

Gets and sets the integer value that can change the angle of the point

PointStyle

Gets and sets a shape value to display as a point on the radar chart

Point Interactivity

PointHoverBackgroundColor

Gets and sets a color value property to the radar’s point background on a mouse hover event

PointHoverBorderWidth

Gets and sets an integer value property to the radar’s point width on a mouse hover event

PointHoverRadius

Gets and sets the integer value that can change the radius (i.e distance from the center) of the point on a mouse hover event

Point Dynamism & Interactivity

PointHoverBackgroundColor

Gets and sets a color value property to the radar’s point background on a mouse hover event

PointHoverBorderWidth

Gets and sets an integer value property to the radar’s point width on a mouse hover event

PointHoverRadius

Gets and sets the integer value that can change the radius (i.e distance from the center) of the point on a mouse hover event