Edit this page

Customizing PolarChart Series

This article demonstrates how you can change the default look of the RadPolarChart series.

Customizing Line Series

PolarLineSeries

This series expose the ShapeStyle property. It is of type Style and determines the appearance of the Path element used to visualize the PolarLineSeries. Your custom style should target the native Path component. You can set the property like this:

XAML

<telerik:PolarLineSeries.ShapeStyle>
  <Style TargetType="Path">
      <Setter Property="StrokeDashArray" Value="10 5"/>
      <Setter Property="Stroke" Value="Red"/>
      <Setter Property="StrokeThickness" Value="3"/>
  </Style>
</telerik:PolarLineSeries.ShapeStyle>

radchartview-styles-and-templates-Polar Line Series-Shape Style

RadarLineSeries

This series expose the ShapeStyle property. It is of type Style and determines the appearance of the Path element used to visualize the RadarLineSeries. Your custom style should target the native Path component. You can set the property like this:

XAML

<telerik:RadarLineSeries.ShapeStyle>
  <Style TargetType="Path">
      <Setter Property="StrokeDashArray" Value="10 5"/>
      <Setter Property="Stroke" Value="Red"/>
      <Setter Property="StrokeThickness" Value="3"/>
  </Style>
</telerik:RadarLineSeries.ShapeStyle>

radchartview-styles-and-templates-Radar Line Series-Shape Style

Customizing Area Series

PolarAreaSeries

This series expose the ShapeStyle property. It is of type Style and determines the appearance of the Path element used to visualize the PolarAreaSeries. Your custom style should target the native Path component. You can set the property like this:

XAML

<telerik:PolarAreaSeries.ShapeStyle>
  <Style TargetType="Path">
      <Setter Property="Fill" Value="Bisque"/>
      <Setter Property="StrokeDashArray" Value="10 5"/>
      <Setter Property="Stroke" Value="Red"/>
      <Setter Property="StrokeThickness" Value="3"/>
  </Style>
</telerik:PolarAreaSeries.ShapeStyle>

radchartview-styles-and-templates-Polar Area Series-Shape Style

RadarAreaSeries

This series expose the ShapeStyle property. It is of type Style and determines the appearance of the Path element used to visualize the RadarLineSeries. Your custom style should target the native Path component. You can set the property like this:

XAML

<telerik:RadarAreaSeries.ShapeStyle>
  <Style TargetType="Path">
      <Setter Property="StrokeDashArray" Value="10 5"/>
      <Setter Property="Stroke" Value="Red"/>
      <Setter Property="StrokeThickness" Value="3"/>
  </Style>
</telerik:RadarAreaSeries.ShapeStyle>

radchartview-styles-and-templates-Radar Area Series-Shape Style

Customizing Point Series

PolarPointSeries

This series expose the DefaultVisualStyle property. It is of type Style and determines the appearance of the Path element used to visualize the PolarPointSeries. Your custom style should target the native Path component. You can set the property like this:

XAML

<telerik:PolarPointSeries.DefaultVisualStyle>
  <Style TargetType="Path">
      <Setter Property="Fill" Value="YellowGreen"/>
  </Style>
</telerik:PolarPointSeries.DefaultVisualStyle>

Since Q1 2014 all series exposing the DefaultVisualStyle property, also expose the DefaultVisualStyleSelector property. It is of type StyleSelector and gets or sets custom style-selection logic for a style that can be applied to each generated element.

radchartview-styles-and-templates-Polar Point Series-Default Visual Style

RadarPointSeries

This series expose the DefaultVisualStyle property. It is of type Style and determines the appearance of the series. Your custom style should target the native Path component. You can set the property like this:

XAML

<telerik:RadarPointSeries.DefaultVisualStyle>
  <Style TargetType="Path">
      <Setter Property="Fill" Value="YellowGreen"/>
  </Style>
</telerik:RadarPointSeries.DefaultVisualStyle>

Since Q1 2014 all series exposing the DefaultVisualStyle property, also expose the DefaultVisualStyleSelector property. It is of type StyleSelector and gets or sets custom style-selection logic for a style that can be applied to each generated element.

radchartview-styles-and-templates-Radar Point Series-Default Visual Style

See Also