Example of Scatter Plot in Angular Chart Component

This Angular scatter plot chart example compares the shoulder and chest measurements for different age groups using the default scatter series.

18-20 Years21-25 Years26-30 Years31-35 years36+ Years
Description

In this example, you can see how to render and configure the scatter chart. The scatter chart is used to plot data with two numeric parameters. You can use the Shape property in the marker to change the scatter shape.

Tooltip is enabled in this example. To see the tooltip in action, hover a point or tap on a point in touch-enabled devices.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use scatter series, we need to inject ScatterSeriesService into the @NgModule.providers section.

More information about the scatter series can be found in this documentation section.