Как сделать так, чтобы диаграммы WPF Toolkit расширялись в соответствии с содержанием? - PullRequest
Новая
       52

Как сделать так, чтобы диаграммы WPF Toolkit расширялись в соответствии с содержанием?

0 голосов
/ 28 марта 2019

Я пытаюсь создать несколько столбчатых диаграмм из DotNetProjects.Wpf.Toolkit, которые отображают некоторые итоговые данные, хотя данные могут изменяться во время выполнения.Проблема в том, что я не могу заставить диаграмму соответствовать размеру контента - мне всегда нужно предоставлять фиксированное значение (а настройка Height="Auto" не работает), но я не знаю, какой размер должен бытьво время бега.Что я могу сделать, чтобы моя диаграмма соответствовала содержанию, а не наоборот?

Мой код XAML выглядит следующим образом: 

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Movie_Vault"
        xmlns:Controls="clr-namespace:System.Windows.Controls;assembly=DotNetProjects.Layout.Toolkit" xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit" x:Class="Movie_Vault.frmStatistics"
        mc:Ignorable="d"
        Title="frmStatistics" Style="{StaticResource RoundedFormStyle}" WindowStartupLocation="CenterOwner">
    <Border Style="{StaticResource WindowBorderStyle}">
        <DockPanel x:Name="OuterPanel" >
            <Border Style="{StaticResource PanelBorderStyle}" DockPanel.Dock="Top">
                <DockPanel x:Name="TopPanel" HorizontalAlignment="Stretch" VerticalAlignment="Top">
                    <Image Height="16" Margin="8,4,8,4" Source="Images/process.png"/>
                    <TextBlock Style="{StaticResource MediumFont}"><Run Text="Statistics"/></TextBlock>
                    <DockPanel DockPanel.Dock="Right" HorizontalAlignment="Right" VerticalAlignment="Center">
                        <Button x:Name="btnClose" Content="X" Style="{StaticResource MicroButtonStyle}" Margin="0,0,8,0" Click="btnClose_Click"/>
                    </DockPanel>
                </DockPanel>
            </Border>
            <Border Style="{StaticResource PanelBorderStyle}" DockPanel.Dock="Left" Margin="0,8,0,0">
                <DockPanel VerticalAlignment="Top"  >
                    <ScrollViewer VerticalScrollBarVisibility="Auto" Height="400" Width="500">
                        <Grid Name="panelTopGenres">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <toolkit:Chart Name="chartTopGenres" Title="Top Genres" VerticalAlignment="Top" 
                   Margin="16,16,16,8" Padding="8" Background="White" >
                                <toolkit:BarSeries DependentValuePath="Value" IndependentValuePath="Key" 
                           ItemsSource="{Binding}" 
                           IsSelectionEnabled="False" Background="White"/>
                            </toolkit:Chart>
                            <Button Grid.Row="1" x:Name="btnTopGenresToggle" Style="{StaticResource SmallButtonStyle}" 
            Content="Show All Genres" Width="120" 
            Margin="16,0,4,4" HorizontalAlignment="Left" Click="btnToggle_Click" />
                        </Grid>
                    </ScrollViewer>
                </DockPanel>
            </Border>
        </DockPanel>
    </Border>
</Window>

1 Ответ

1 голос
/ 29 марта 2019

Что я могу сделать, чтобы моя диаграмма соответствовала содержанию, а не наоборот?

Избавиться от любых StackPanels: 

<Grid Name="panelTopGenres">
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <toolkit:Chart Name="chartTopGenres" Title="Top Genres" VerticalAlignment="Top" 
                   Margin="16,16,16,8" Padding="8" Background="White" >
        <toolkit:BarSeries DependentValuePath="Value" IndependentValuePath="Key" 
                           ItemsSource="{Binding}" 
                           IsSelectionEnabled="False" Background="White"/>
    </toolkit:Chart>
    <Button Grid.Row="1" x:Name="btnTopGenresToggle" Style="{StaticResource SmallButtonStyle}" 
            Content="Show All Genres" Width="120" 
            Margin="16,0,4,4" HorizontalAlignment="Left" Click="btnToggle_Click" />
</Grid>

StackPanel не изменяет размер своих дочерних элементов.

...