[Solved] Multiple RadCharts aligned horizontally

[Markus Braunschweiler]

Im trying to create a xaml where i have 4 radcharts aligned horizontally.

every chart should take 25% of the available space.

any ideas how to do this?

<StackPanel HorizontalAlignment="Stretch" Name="stackPanel1" Orientation="Horizontal">
            <telerik:RadChart Name="radChart1" />
            <telerik:RadChart Name="radChart2" />
            <telerik:RadChart Name="radChart3" />
            <telerik:RadChart Name="radChart4" />
</StackPanel>

[Bartholomeo Rocca]

Hello Markus,

You can achieve the desired effect with Grid panel with four ColumnDefinitions:

<Grid x:Name="LayoutRoot">
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition />
        <ColumnDefinition />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>

    <telerik:RadChart x:Name="RadChart1" />
    <telerik:RadChart x:Name="RadChart2" Grid.Column="1" />
    <telerik:RadChart x:Name="RadChart3" Grid.Column="2" />
    <telerik:RadChart x:Name="RadChart4" Grid.Column="3" />
</Grid>

Greetings,
Bart.

[Markus Braunschweiler]

Hi Bartholomeo, thanks for the answer. 

This works wonderful. But now i'm facing the next problem.  The next requirement now is, that the count of charts is unknown, so i should create a bindable MVVM construct. Any ideas?