Как реализовать у элемента соотношение сторон 1х1?

Допустим у меня есть какой-то график LiveCharts. Мне необходимо, чтобы при изменении размера окна его длина и ширина были в соотношении 1x1.

Код XAML:

 <Grid Background="#f5f5f5">
     <Grid.ColumnDefinitions>
         <ColumnDefinition Width="5" />
         <ColumnDefinition />
         <ColumnDefinition Width="5" />
     </Grid.ColumnDefinitions>
     <Grid.RowDefinitions>
         <RowDefinition Height="5" />
         <RowDefinition />
         <RowDefinition Height="5" />
         <RowDefinition Height="40"/>
         <RowDefinition Height="5" />
     </Grid.RowDefinitions>

     <DockPanel Grid.Row="1" Grid.Column="1" Margin="5" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
         <StackPanel DockPanel.Dock="Top" Orientation="Horizontal">
             <Label Content="Номер сечения:"        Width="120" />
             <Label Content="{Binding SliderValue}" Width="100" />
         </StackPanel>

         <lvc:CartesianChart DockPanel.Dock="Top" DisableAnimations="True" LegendLocation="Top">
              <!-- Здесь какой-то график -->
         </lvc:CartesianChart>

     </DockPanel>

     <DockPanel Grid.Row="3" Grid.Column="1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
         <StackPanel DockPanel.Dock="Left">
             <Slider Value="{Binding SliderValue, Mode=TwoWay}" Margin="5" SelectionStart="0" Minimum="0" Maximum="299" TickPlacement="BottomRight" TickFrequency="1" IsSnapToTickEnabled="True" IsSelectionRangeEnabled="True" />
         </StackPanel>
     </DockPanel>
 </Grid>

Ответы (1 шт):

Автор решения: Andrey Ferzh

Получилось с помощью комментария:

<Viewbox Stretch="Uniform">
     <lvc:CartesianChart Width="500" Height="500" DisableAnimations="True" LegendLocation="Top">
     <!-- Здесь какой-то график -->
     </lvc:CartesianChart>
</Viewbox>
→ Ссылка