Two charts in a Grid with * widths

Tested with nightly build from 12/3/2015.

I have something like:

<Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="7*"/>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="3*"/>
        </Grid.ColumnDefinitions>
        <ScrollViewer  VerticalScrollBarVisibility="Disabled" HorizontalScrollBarVisibility="Auto">
            <UserControl1/>
        </ScrollViewer>
        <GridSplitter ResizeDirection="Columns" Cursor="ScrollWE" VerticalAlignment="Stretch" HorizontalAlignment="Center" Width="3" Height="Auto" Background="#9698AA"/>
        <ScrollViewer  VerticalScrollBarVisibility="Disabled" HorizontalScrollBarVisibility="Auto">
            <UserControl2 />
        </ScrollViewer>
</Grid>

UserControl2 has

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" MinHeight="60"/>
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*" MinWidth="175"/>
        <ColumnDefinition Width="*" MinWidth="175"/>
    </Grid.ColumnDefinitions>
    ...
    <ms:Chart Grid.Column="4" Grid.Row="1" Title="Voltage" LegendPosition="None">
        <ms:BarSeries BarSizeFactor="1" ItemsSource="{Binding VoltageHistogram.Values}"
                      XBinding="{Binding Min}" YBinding="{Binding Count}"
                      />
        <ms:Chart.BackgroundElements>
            <ms:ChartGrid VerticalGridLineBrush="Transparent">
                <ms:ChartGrid.HorizontalStripeBrushes>
                    <SolidColorBrush Color="Transparent" />
                    <SolidColorBrush Color="#EFEFEF" />
                </ms:ChartGrid.HorizontalStripeBrushes>
            </ms:ChartGrid>
        </ms:Chart.BackgroundElements>
        <ms:Chart.XAxis>
            <ms:ChartAxis Title="Volts" TitleVisibility="Collapsed" MajorTickSpacing="{Binding VoltageHistogram.Range}"/>
        </ms:Chart.XAxis>
        <ms:Chart.YAxis>
            <ms:ChartAxis Title="NumReports" TitleVisibility="Collapsed" />
        </ms:Chart.YAxis>
    </ms:Chart>
    <ms:Chart Grid.Column="5" Grid.Row="1" Title="Phase Angle" LegendPosition="None">
        <ms:BarSeries BarSizeFactor="1" ItemsSource="{Binding PhaseHistogram.Values}"
                      XBinding="{Binding Min}" YBinding="{Binding Count}"
                      />
        <ms:Chart.XAxis>
            <ms:ChartAxis Title="PHA" TitleVisibility="Collapsed" MajorTickSpacing="{Binding PhaseHistogram.Range}"/>
        </ms:Chart.XAxis>
        <ms:Chart.YAxis>
            <ms:ChartAxis Title="NumReports" TitleVisibility="Collapsed" />
        </ms:Chart.YAxis>
    </ms:Chart>
</Grid>

As soon as I drag the GridSplitter to where the charts will be >175 pixels, the ui hangs in a layout loop with the charts resizing themselves and the scrollbar appearing and disappearing. Is there a way to manage the behavior of the charts so I can have dynamic sizing?

Hi Matelich,

Thanks for the code snippets, but I have not been able to reproduce this problem. The problem should be related to the values on the axes, so could you please send a table of X,Y data values for each chart that will cause the issue. Or if you have time, a simple repro project would be even more helpful.

-Jason Fauchelle

Thanks for looking into it, Jason. Naturally, I can't make it happen now that I'm trying to store datasets off. It was tied to the scrollbar auto hiding at the same time they were being resized. The scrollbar would disappear, then one grid would adjust itself, then the other, then the scrollbar would reappear, then they'd resize again. The loop completely locked the ui. I can't risk that so I'll have to drop the * sizing.

If I decide to bring back dynamic widths, I'll be sure to turn on the data capture stuff.