Hello Heiko,
I believe you will find the following online resources helpful, considering the task you have before you:
- http://demos.telerik.com/silverlight/#Chart/Gallery3D/StackedBar
- http://www.telerik.com/help/silverlight/radchart-features-categorical-charts.html
Apart from these links, below I have included the code of a simple example, demonstrating the approach that you can use:
<
UserControl.DataContext
>
<
data:ViewModel
></
data:ViewModel
>
</
UserControl.DataContext
>
<
Grid
x:Name
=
"LayoutRoot"
Background
=
"White"
>
<
telerik:RadChart
x:Name
=
"radChart"
telerik:StyleManager.Theme
=
"Windows7"
ItemsSource
=
"{Binding Data}"
>
<
telerik:RadChart.DefaultView
>
<
telerik:ChartDefaultView
>
<
telerik:ChartDefaultView.ChartLegend
>
<
telerik:ChartLegend
Name
=
"legend"
ReverseLegendItemsOrder
=
"True"
/>
</
telerik:ChartDefaultView.ChartLegend
>
<
telerik:ChartDefaultView.ChartArea
>
<
telerik:ChartArea
LegendName
=
"legend"
>
<
telerik:ChartArea.Extensions
>
<
telerik:CameraExtension
/>
</
telerik:ChartArea.Extensions
>
</
telerik:ChartArea
>
</
telerik:ChartDefaultView.ChartArea
>
</
telerik:ChartDefaultView
>
</
telerik:RadChart.DefaultView
>
<
telerik:RadChart.SeriesMappings
>
<
telerik:SeriesMapping
LegendLabel
=
"Stacked Bar 1"
CollectionIndex
=
"0"
>
<
telerik:SeriesMapping.SeriesDefinition
>
<
telerik:StackedBar3DSeriesDefinition
StackGroupName
=
"Stack1"
/>
</
telerik:SeriesMapping.SeriesDefinition
>
<
telerik:ItemMapping
DataPointMember
=
"YValue"
FieldName
=
"Value1"
/>
<
telerik:ItemMapping
DataPointMember
=
"XCategory"
FieldName
=
"Category"
/>
</
telerik:SeriesMapping
>
<
telerik:SeriesMapping
LegendLabel
=
"Stacked Bar 2"
CollectionIndex
=
"1"
>
<
telerik:SeriesMapping.SeriesDefinition
>
<
telerik:StackedBar3DSeriesDefinition
StackGroupName
=
"Stack1"
/>
</
telerik:SeriesMapping.SeriesDefinition
>
<
telerik:ItemMapping
DataPointMember
=
"YValue"
FieldName
=
"Value2"
/>
<
telerik:ItemMapping
DataPointMember
=
"XCategory"
FieldName
=
"Category"
/>
</
telerik:SeriesMapping
>
</
telerik:RadChart.SeriesMappings
>
</
telerik:RadChart
>
</
Grid
>
public
class
ViewModel
{
public
ObservableCollection<ObservableCollection<DemoData>> Data
{
get
{
ObservableCollection<ObservableCollection<DemoData>> seriesData;
seriesData =
new
ObservableCollection<ObservableCollection<DemoData>>()
{
new
ObservableCollection<DemoData>(){
new
DemoData() {Category=
"Category 0"
, Value1 = 23.4600},
new
DemoData() { Category=
"Category 1"
, Value1 = 23.3200},
new
DemoData() { Category=
"Category 2"
, Value1 = 23.1300},
new
DemoData() { Category=
"Category 3"
, Value1 = 23.6300},
new
DemoData() { Category=
"Category 4"
, Value1 = 23.6200}},
new
ObservableCollection<DemoData>(){
new
DemoData() {Category=
"Category 1"
, Value2 = 10.2},
new
DemoData() { Category=
"Category 2"
, Value2 = 12.6},
new
DemoData() { Category=
"Category 3"
, Value2 = 30.1},
new
DemoData() { Category=
"Category 4"
, Value2 = 5.3},
new
DemoData() { Category=
"Category 5"
, Value2 = 1.5}}
};
return
seriesData;
}
}
}
public
class
DemoData
{
public
string
Category
{
get
;
set
;
}
public
double
Value1
{
get
;
set
;
}
public
double
Value2
{
get
;
set
;
}
}
All the best,
Tsvetie
the Telerik team