New to Kendo UI for Vue? Start a free 30-day trial

Scatter

The Scatter charts show data as points defined by the values of their items.

Scatter charts are useful for displaying the relation between different sets of data, such as scientific experimental results, and plotting two-dimensional data.

Basic Usage

The following example demonstrates the Scatter chart in action.

Example
View Source
Change Theme:

Sub-Types

The Scatter Charts feature the following sub-types:

Scatter Line Chart

The Scatter line chart is useful for displaying numerical data. You can define the Scatter line series through the :series-defaults-type="'scatterLine'" prop.

Example
View Source
Change Theme:

Smooth ScatterLine

The smooth Scatter line chart displays the series items as connected with a fitted curve which represents a rough approximation of the missing data points.

You can define the Scatter line series through the :series-defaults-style="'smooth'" prop.

Example
View Source
Change Theme: