This Angular scatter plot chart example compares the shoulder and chest measurements for different age groups using the default scatter series.
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.