# Radar & Polar Charts with FlexRadar

Learn how to create radar and polar charts using Wijmo's FlexRadar component in this documentation topic

## Content

Use the __wijmo.radar.FlexRadar__ control to create radar and polar charts. This topic includes features unique to the FlexRadar control. FlexRadar shares most of the same API and featureset with FlexChart.

## Basic Radar Features
The FlexRadar control has some basic properties that allow you to customize its layout and appearance:

* __chartType__: Specifies the control's chart type. 
* __startAngle__: Starting at the 12 o'clock position, specifies the angle to start drawing radar. 
* __totalAngle__: Specifies the total angle to draw radar. 
* __reversed__: Determines whether the control should draw radar clockwise (false) or counterclockwise (true). 
* __stacking__: Determines whether and how the series objects are stacked.

## Supported Radar Chart Types
The __chartType__ for FlexRadar is a subset of the core chart types. If the __bindingX__ is bound to string values the result will be a radar chart. If the __bindingX__ is bound to a numeric field it will render a polar chart. The chart types include:
* Column
* Scatter
* Line
* LineSymbols
* Area

Radar Example:
```JavaScript
import * as chart from '@mescius/wijmo.chart';

var myRadarChart = new chart.FlexRadar('#myRadarChart', {
    itemsSource: getData(),
    bindingX: 'country',
    chartType: 'Line',
    startAngle: 0,
    totalAngle: 360,
    series: [
        { name: 'Sales', binding: 'sales' },
        { name: 'Downloads', binding: 'downloads' }
    ]
});
```
![Radar Chart](https://cdn.mescius.io/document-site-files/images/3c7113e2-10b3-45ed-8f3b-9fb1e0af2b74/chart/chart-radar.png)

Polar Example:
```JavaScript
import * as chart from '@mescius/wijmo.chart';

var myPolarChart = new chart.FlexRadar('#myPolarChart', {
    itemsSource: getData(),
    bindingX: 'longitude',
    chartType: 'Area',
    startAngle: 0,
    totalAngle: 360,
    series: [
        { name: 'Latitude 1', binding: 'latitude1' },
        { name: 'Latitude 2', binding: 'latitude2' }
    ]
});
```
![Polar Chart](https://cdn.mescius.io/document-site-files/images/3c7113e2-10b3-45ed-8f3b-9fb1e0af2b74/chart/chart-polar.png)