使用WPF定位多个图表

Question

我有一个图表，它在更改组合框选择时从本地数据库查询数据。工作良好。但是，我想在它下面添加另一个图表。我该怎么做？

<Grid x:Name="grid" >
<TabControl HorizontalAlignment="Left" Margin="0,0,0,0" VerticalAlignment="Top" >
<TabItem Header="Settings">
<Grid x:Name="tabItemSettings" Background="#FFE5E5E5">
<ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
<DVC:Chart Name="mcChartActivity"  
Width="1400" Height="500"  
Background="LightBlue"  
Foreground="DarkBlue"  
Title="Statistics"  >
<DVC:Chart.Series>
<DVC:ColumnSeries
Title="Area Chart"  
IndependentValuePath="Key"  
DependentValuePath="Value">
</DVC:ColumnSeries>
</DVC:Chart.Series>
</DVC:Chart>
</ScrollViewer>
</Grid>
</TabItem>
</TabControl>
</Grid>

Answer 1

只需添加RowDefinitions并在控件上设置Grid.Row附加的属性，即可指示它们应显示在哪一行。也可以在RowDefintions中指定MinHeight、Height或MaxHeight。如果要按列显示图表，请添加ColumnDefintions。

<Grid x:Name="grid">
<TabControl HorizontalAlignment="Left" Margin="0,0,0,0" VerticalAlignment="Top" >
<TabItem Header="Settings">
<Grid x:Name="tabItemSettings" Background="#FFE5E5E5">
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<ScrollViewer Grid.Row="0" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
<DVC:Chart Name="mcChartActivity"  
Width="1400" Height="500"  
Background="LightBlue"  
Foreground="DarkBlue"  
Title="Statistics"  >
<DVC:Chart.Series>
<DVC:ColumnSeries
Title="Area Chart"  
IndependentValuePath="Key"  
DependentValuePath="Value">
</DVC:ColumnSeries>
</DVC:Chart.Series>
</DVC:Chart>
</ScrollViewer>
<ScrollViewer Grid.Row="1" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
<!-- ...your other chart. -->
</ScrollViewer>
</Grid>
</TabItem>
</TabControl>
</Grid>