New to Telerik UI for WinUI? Download free 30-day trial

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.


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.


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() 
        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:PolarAxis /> 
        <telerikChart:RadarAreaSeries ItemsSource="{Binding}"> 
                <telerikChart:PropertyNameDataPointBinding PropertyName="Value"/> 
                <telerikChart:PropertyNameDataPointBinding PropertyName="Category"/> 

Figure 1: RadPolarChart and RadarAreaSeries

WinUI RadChart Radar Area Series

In this article
Not finding the help you need?