Angular Radar Chart
Radar charts, also known as Spider charts, are categorical charts, which wrap the X axis in a circle or polygon.
Typically, the order of the categories is not significant.
The following example demonstrates the Angular Radar Chart in action.
Plot Bands Fill of the Angular Radar Chart
To customize and fill the plot bands of the Angular Radar Chart with a desired color, set the plotBands
option of the value axis to an array of PlotBand
objects. Then, use the from
and to
properties of the objects to specify the exact plot bands to be customized and set their color
and opacity
to the preferred values.
The following example demonstrates how to fill the plot bands of the Angular Radar Chart.
Customizing the Lines of the Angular Radar Chart
To customize the lines of the Angular Radar Chart, use the <kendo-chart-axis-defaults>
component and configure the available line
, majorGridLines
and minorGridLines
options as desired.
The following example demonstrates how to customize the lines of the Angular Radar Chart.
Support and Learning Resources
- Radar Chart Homepage
- Getting Started with the Kendo UI for Angular Chart
- API Reference of the Charts
- Area Charts
- Bar Charts
- Box Plot Charts
- Bullet Charts
- Line Charts
- RangeArea Charts
- RangeBar Charts
- Waterfall Charts
- Getting Started with Kendo UI for Angular (Online Guide)
- Getting Started with Kendo UI for Angular (Video Tutorial)
- Video Courses
- Chart Forum
- Before You Start: All Things Angular (Telerik Blog Post)
- Knowledge Base