Available for: Windows 8.1 | Windows Phone 8.1

Range Series


When using RangeSeries the high data points as well as the low data points are connected with straight line segments and the area enclosed by the two lines may be optionally stroked and/or filled as shown on the image below.

Range Series


RangeSeries class inherits from the RangeSeriesBase class - See the inherited properties.

  • Fill: Gets or sets the Brush instance that defines the fill of series.
  • Stroke: Gets or sets the Brush instance that defines the stroke of the series.
  • StrokeThickness: Gets or sets the thickness of the line used to present the series.
  • StrokeMode: Gets or sets the mode that defines how the area is stroked.
  • StrokeLineJoin: Gets or sets a PenLineJoin enumeration value that specifies the type of join that is used at the vertices of a stroked series.


Here's an example of how to create a RadCartesianChart withRange Series.


        <telerikCharting:RangeDataPoint Category="1" High="20" Low="17" />
        <telerikCharting:RangeDataPoint Category="2" High="13" Low="5" />
        <telerikCharting:RangeDataPoint Category="3" High="17" Low="11" />
        <telerikCharting:RangeDataPoint Category="4" High="4" Low="1" />


xmlns:telerikChart="using:Telerik.UI.Xaml.Controls.Chart" and