使用 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附加屬性以指示它們應顯示在哪一行。 您也可以指定MinHeight ， Height或MaxHeight在RowDefintion秒。 如果ColumnDefintions列顯示圖表， ColumnDefintions改為添加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>