Edit this page

Plot Area

The chart's plot area is the zone where all data points are drawn (see Figure 1). The API of the chart allows you to get information about the area or apply a custom style for the visual element that represents it.

Figure 1: Chart's plot area

Chart's plot area

The chart's axes are not included in the plot area.

Get Plot Area Boundaries

You can get information about the plot area's boundaries via the PlotAreaClip property of the chart. The property is of type RadRect which contains the position and size of the plot area. The chart fires the PlotAreaClipChanged event when the boundaries change.

The provided information doesn't include the currently applied zoom factor.

Clip to Plot Area

By default the elements presented by the chart (series and annotations) are clipped into the plot area. Anything that leaves the boundaries won't be rendered. To alter this you can use the ClipToPlotArea property that is exposed by the elements. Its default value is True.

[XAML] Example 1: Setting ClipToPlotArea of a chart series

 <telerik:PointSeries ClipToPlotArea="False" />

Figure 2: ClipToPlotArea example

ClipToPlotArea example

Customize the plot area visual

You can customize the plot area visual via the PlotAreaStyle property of the chart. It is of type Style and the expected TargetType is Border - the area's visual element.

[XAML] Example 2: Setting PlotAreaStyle

<telerik:RadCartesianChart.PlotAreaStyle>
    <Style TargetType="Border">
        <Setter Property="Background" Value="#FFFDB3" />
    </Style>
</telerik:RadCartesianChart.PlotAreaStyle>

Figure 3: PlotAreaStyle example

PlotAreaStyle example

See Also