| title | page_title | description | slug | canonicalLink |
|---|---|---|---|---|
Polar |
Polar Series Type - Chart - Kendo UI for Vue |
Basic usage of the Kendo UI Polar Charts in Vue projects. |
polar_seriestypes_charts_wrapper |
Polar charts are scatter charts which display two-dimensional data series in polar coordinates.
The following example demonstrates the Polar chart in action.
{% meta height:460 %} {% embed_file series-types/polar/basic-usage/main.vue preview %} {% embed_file series-types/polar/basic-usage/main.js %} {% endmeta %}
The Radar charts feature the following sub-types:
The following example demonstrates how to configure a smooth (spline) radar line style for the Radar chart.
{% meta height:460 %} {% embed_file series-types/polar/smooth/main.vue preview %} {% embed_file series-types/polar/smooth/main.js %} {% endmeta %}
The following example demonstrates how to create a Polar scatter chart whose series type is represented on the chart as non-connected data points. You can define a Polar scatter series by setting series-defaults-type="'polarScatter'".
{% meta height:460 %} {% embed_file series-types/polar/scatter/main.vue preview %} {% embed_file series-types/polar/scatter/main.js %} {% endmeta %}
The following example demonstrates how to create a Polar area chart whose series type is represented by data points connected with straight line segments that enclose a filled area together with the chart pole. To define a Polar area chart, set type to "'polarArea'".
{% meta height:460 %} {% embed_file series-types/polar/area/main.vue preview %} {% embed_file series-types/polar/area/main.js %} {% endmeta %}