Scatter
Scatter Plot and Scatter Line charts are the two main variations of scatter charts and are suitable for displaying numerical data.
Basics
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 Plot Chart
The following example demonstrates the Angular Scatter Plot chart in action.
Scatter Line Chart
The following example demonstrates the Angular Scatter Line chart in action.
Choosing Between Line or Scatter Line Charts
Scatter Line charts and Line charts look visually the same, because the data points in the plot area are connected with lines. However, they significantly differ in the way each series type plots the data it presents in the plot area.
In Scatter charts, both the vertical and the horizontal axis are value axes. This means that they render numerical values and not groupings of data, and are capable of displaying data at the intersection of each X- and Y-axis value. That is why the data points the Scatter Line Charts display might be distributed as both evenly-spaced or unevenly-spaced coordinates.
The fundamental differences between the two series types make each a more suitable solution in particular scenarios. Scatter Charts are better to use when your project requires you to:
- Modify the scale of the horizontal axis.
- Apply logarithms to scale the horizontal axis.
- Display worksheet data that includes grouped sets of values.
- Display patterns in large sets of data.
- Compare large numbers of data points with no regard to time.
Line Style
Scatter Line charts enable you to render the lines between the points in different styles. To set the appearance of the lines, use the style option, which provides the following available styles:
normal—The default style which produces a straight line between data points.smooth—The style causes the Scatter chart to display a fitted curve through data points. It is suitable for displaying data with a curve and for connecting the points with smooth instead of straight lines.
The following example demonstrates how to use the different types of lines.
Support and Learning Resources
- Scatter Chart Homepage
- Getting Started with the Kendo UI for Angular Chart
- API Reference of the Charts
- Bubble Charts
- Polar Charts
- Getting Started with Kendo UI for Angular (Online Guide)
- Getting Started with Kendo UI for Angular (Video Tutorial)
- Virtual Classroom (Training Courses for Registered Users)
- Chart Forum
- Before You Start: All Things Angular (Telerik Blog Post)
- Knowledge Base
