Does anyone have an example of a collection of charts in an ItemsControl? I created one that renders the charts correctly, but ignores the ChartDefaultView.ChartArea AxisX/Y.
If you pull the ContentControl out of the DataTemplate and bind it to a single item, then the X and Y axes behave correctly.
If you pull the ContentControl out of the DataTemplate and bind it to a single item, then the X and Y axes behave correctly.
<ItemsControl Margin="5,20,5,5" ItemsSource="{Binding ChartSeriesViewModelCollection}"> |
<ItemsControl.ItemsPanel> |
<ItemsPanelTemplate> |
<UniformGrid Rows="2" Columns="3" /> |
</ItemsPanelTemplate> |
</ItemsControl.ItemsPanel> |
<ItemsControl.ItemTemplate> |
<DataTemplate> |
<ContentControl DataContext="{Binding}"> |
<telerikChart:RadChart Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="3" |
ItemsSource="{Binding ChartSeries}" |
HorizontalAlignment="Stretch" |
VerticalAlignment="Stretch" > |
<telerikChart:RadChart.SeriesMappings> |
<telerikCharting:SeriesMapping> |
<telerikCharting:SeriesMapping.SeriesDefinition> |
<telerikCharting:BarSeriesDefinition /> |
</telerikCharting:SeriesMapping.SeriesDefinition> |
<telerikCharting:SeriesMapping.GroupingSettings> |
<telerikCharting:GroupingSettings ShouldCreateSeriesForLastGroup="False"> |
<telerikCharting:GroupingSettings.GroupDescriptors> |
<telerikCharting:ChartGroupDescriptor Member="GroupString" /> |
</telerikCharting:GroupingSettings.GroupDescriptors> |
</telerikCharting:GroupingSettings> |
</telerikCharting:SeriesMapping.GroupingSettings> |
<telerikCharting:SeriesMapping.ItemMappings> |
<telerikCharting:ItemMapping FieldName="Value" DataPointMember="YValue" /> |
<telerikCharting:ItemMapping FieldName="LabelString" DataPointMember="XCategory" /> |
</telerikCharting:SeriesMapping.ItemMappings> |
</telerikCharting:SeriesMapping> |
</telerikChart:RadChart.SeriesMappings> |
<telerikChart:RadChart.DefaultView> |
<telerikCharting:ChartDefaultView> |
<telerikCharting:ChartDefaultView.ChartArea> |
<telerikCharting:ChartArea > |
<telerikCharting:ChartArea.AxisX> |
<telerikCharting:AxisX TicksDistance="30" LabelRotationAngle="45" Title="X Axis Title" /> |
</telerikCharting:ChartArea.AxisX> |
<telerikCharting:ChartArea.AxisY> |
<telerikCharting:AxisY AutoRange="False" MinValue="100" MaxValue="200" Step="5" |
DefaultLabelFormat="0" Title="Ampere [A]"/> |
</telerikCharting:ChartArea.AxisY> |
</telerikCharting:ChartArea> |
</telerikCharting:ChartDefaultView.ChartArea> |
<telerikCharting:ChartDefaultView.ChartLegend> |
<telerikCharting:ChartLegend x:Name="chartLegend" Header="Legend" |
UseAutoGeneratedItems="True" /> |
</telerikCharting:ChartDefaultView.ChartLegend> |
</telerikCharting:ChartDefaultView> |
</telerikChart:RadChart.DefaultView> |
</telerikChart:RadChart> |
</ContentControl> |
</DataTemplate> |
</ItemsControl.ItemTemplate> |
</ItemsControl> |