Telerik UI for Windows 8 XAML


Data points are represented by a box where the height (width) of the box is the distance between the point’s numerical value and the categorical axis that plots the point. Bars may be either horizontal or vertical depending on whether the categorical axis is specified as an X-axis or as an Y-axis.

Categorical Bar Series



BarSeries class inherits from the CategoricalSeries class - See the inherited properties.

  • PaletteMode: Gets or sets the target type to that chart palette will be applied to. The available types are:

    • Series: Applies the palette per series.

    • DataPoint: Applies the palette per points.


Here's an example of how to create a RadCartesianChart with BarSeries.

  1. First, create a class for the sample data.

    C# Copy imageCopy
    public class Data
        public string Category { get; set; }
        public double Value { get; set; }
  2. Then create the sample data.

    C# Copy imageCopy
    List<Data> data = new List<Data>();
    data.Add(new Data() { Category = "Apples", Value = 5 });
    data.Add(new Data() { Category = "Oranges", Value = 9 });
    data.Add(new Data() { Category = "Pineaples", Value = 8 });
    this.barSeries.DataContext = data;
  3. Finally, create the chart using XAML.

    XAML Copy imageCopy
    <telerik:RadCartesianChart x:Name="barSeries" PaletteName="DefaultLight">
        <telerik:BarSeries ItemsSource="{Binding}" PaletteMode="DataPoint">
                <telerik:PropertyNameDataPointBinding PropertyName="Category"/>
                <telerik:PropertyNameDataPointBinding PropertyName="Value"/>