Edit this page

Combine Mode

Categorical series in RadChartView have mechanism which can be used for combining data points that reside in different series but have the same category. This mechanism can be triggered by setting the CombineMode property of the series. It is an enumeration and it allows the following values: None, Cluster, Stack, Stack100.

Categorical series which supports this mechanism are: AreaSeries, BarSeries, LineSeries, PointSeries, RangeBarSeries.

[XAML] Example 1: Setting CombineMode property

    <telerik:RadCartesianChart Palette="Windows8">
        <telerik:RadCartesianChart.HorizontalAxis>
            <telerik:CategoricalAxis />
        </telerik:RadCartesianChart.HorizontalAxis>
        <telerik:RadCartesianChart.VerticalAxis>
            <telerik:LinearAxis />
        </telerik:RadCartesianChart.VerticalAxis>
        <telerik:RadCartesianChart.Series>                
            <telerik:BarSeries CombineMode="Cluster">
                <telerik:BarSeries.DataPoints>
                    <telerik:CategoricalDataPoint Category="January" Value="6" />
                    <telerik:CategoricalDataPoint Category="February" Value="8" />
                    <telerik:CategoricalDataPoint Category="March" Value="7" />
                    <telerik:CategoricalDataPoint Category="April" Value="15" />
                    <telerik:CategoricalDataPoint Category="May" Value="2" />
                    <telerik:CategoricalDataPoint Category="June" Value="5" />
                    <telerik:CategoricalDataPoint Category="July" Value="8" />
                </telerik:BarSeries.DataPoints>
            </telerik:BarSeries>
            <telerik:BarSeries CombineMode="Cluster">
                <telerik:BarSeries.DataPoints>
                    <telerik:CategoricalDataPoint Category="January" Value="2" />
                    <telerik:CategoricalDataPoint Category="February" Value="5" />
                    <telerik:CategoricalDataPoint Category="March" Value="3" />
                    <telerik:CategoricalDataPoint Category="April" Value="10" />
                    <telerik:CategoricalDataPoint Category="May" Value="9" />
                    <telerik:CategoricalDataPoint Category="June" Value="7" />
                    <telerik:CategoricalDataPoint Category="July" Value="1" />
                </telerik:BarSeries.DataPoints>
            </telerik:BarSeries>
            <telerik:BarSeries CombineMode="Cluster">
                <telerik:BarSeries.DataPoints>
                    <telerik:CategoricalDataPoint Category="January" Value="8" />
                    <telerik:CategoricalDataPoint Category="February" Value="12" />
                    <telerik:CategoricalDataPoint Category="March" Value="19" />
                    <telerik:CategoricalDataPoint Category="April" Value="11" />
                    <telerik:CategoricalDataPoint Category="May" Value="7" />
                    <telerik:CategoricalDataPoint Category="June" Value="14" />
                    <telerik:CategoricalDataPoint Category="July" Value="7" />
                </telerik:BarSeries.DataPoints>
            </telerik:BarSeries>
        </telerik:RadCartesianChart.Series>
    </telerik:RadCartesianChart>
  • None / Cluster: In this mode each series will be plotted independently of each other, so that they are no overlapping.

  • Stack: In this mode all series form stacks. The points of all series are placed on top of each other. The drawing of the next point will start from the value of the previous one.

  • Stack100: When this mode is set all series form stacks that occupy 100% of the plot area. It shows the combined contribution of values as percentages where the combined total for each category is 100 percent. It's good to use it when the relationship between values in a category is more significant than the amounts.

See Also