| title | page_title | description | slug | canonicalLink |
|---|---|---|---|---|
Radar |
Radar Series Type - Chart - Kendo UI for Vue |
Basic usage of the Kendo UI Radar Charts in Vue projects. |
radar_seriestypes_charts_wrapper |
Radar charts, also known as Spider charts, are categorical charts which wrap the X axis in a circle or polygon.
The following example demonstrates the Radar chart in action.
{% meta height:460 %} {% embed_file series-types/radar/basic-usage/main.vue preview %} {% embed_file series-types/radar/basic-usage/main.js %} {% endmeta %}
The Radar charts feature the following sub-types:
The following example demonstrates shows how to configure smooth (line) radar line style for the Radar chart.
{% meta height:460 %} {% embed_file series-types/radar/smooth/main.vue preview %} {% embed_file series-types/radar/smooth/main.js %} {% endmeta %}
The following example demonstrates how to create a Radar area chart whose series type is represented by data points connected with straight line segments that enclose a filled area. To configure a Radar area chart, set series-defaults-type to "'radarArea'".
{% meta height:460 %} {% embed_file series-types/radar/area/main.vue preview %} {% embed_file series-types/radar/area/main.js %} {% endmeta %}
The following example demonstrates how to create a Radar column chart whose series type is represented as data columns with height that varies depending on their value.
{% meta height:460 %} {% embed_file series-types/radar/column/main.vue preview %} {% embed_file series-types/radar/column/main.js %} {% endmeta %}