Radar Area Series
When using a RadarAreaSeries the data points are connected with straight line segments that enclose an area that may be optionally stroked and/or filled.
Properties
RadarAreaSeries class inherits from the RadarLineSeries class - See the inherited properties.
- Fill (Brush): Gets or sets the Brush that defines the interior of the area.
Example
Examples 1 and 2 show how to create a RadPolarChart with a RadarAreaSeries.
Example 1: Defining the model and populating with data
public sealed partial class MainPage : Page
{
public MainPage()
{
this.InitializeComponent();
List<Data> data = new List<Data>();
for (double i = 1; i < 30; i += 1)
{
data.Add(new Data() { Category = i, Value = ((0.7) * Math.Cos(20 * i)) });
}
this.polarChart.DataContext = data;
}
}
public class Data
{
public double Value { get; set; }
public double Category { get; set; }
}
Example 2: Defining the RadPolarChart and RadarAreaSeries
<Grid xmlns:telerikChart="using:Telerik.UI.Xaml.Controls.Chart">
<telerikChart:RadPolarChart x:Name="polarChart">
<telerikChart:RadPolarChart.PolarAxis>
<telerikChart:PolarAxis />
</telerikChart:RadPolarChart.PolarAxis>
<telerikChart:RadPolarChart.RadialAxis>
<telerikChart:CategoricalRadialAxis/>
</telerikChart:RadPolarChart.RadialAxis>
<telerikChart:RadarAreaSeries ItemsSource="{Binding}">
<telerikChart:RadarAreaSeries.ValueBinding>
<telerikChart:PropertyNameDataPointBinding PropertyName="Value"/>
</telerikChart:RadarAreaSeries.ValueBinding>
<telerikChart:RadarAreaSeries.CategoryBinding>
<telerikChart:PropertyNameDataPointBinding PropertyName="Category"/>
</telerikChart:RadarAreaSeries.CategoryBinding>
</telerikChart:RadarAreaSeries>
</telerikChart:RadPolarChart>
</Grid>