使用 WPF 定位多个图表答案

【问题标题】：Positioning multiple charts using WPF使用 WPF 定位多个图表
【发布时间】：2020-11-16 11:26:55
【问题描述】：

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

<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>

【问题讨论】：

标签： c# wpf xaml wpf-controls

【解决方案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>

【讨论】：

简单但对我很有价值。谢谢。