This is a migrated thread and some comments may be shown as answers.

Line Chart Height Issue ?

7 Answers 113 Views

Chart

This is a migrated thread and some comments may be shown as answers.

7 Answers, 1 is accepted

answered on 11 Jan 2012, 11:45 AM

Capture.PNG

i have putt all my control in Grid.....here is my code.....

i have also send you the result...take a look at chart's height

<Grid Grid.Column="1" Margin="0,0,0,10">

<Grid.RowDefinitions>

<RowDefinition Height=".4*"/>

<RowDefinition Height=".6*"/>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width=".5*"></ColumnDefinition>

</Grid.ColumnDefinitions>

<Grid Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2">

<Grid.RowDefinitions></Grid.RowDefinitions>

<Grid Grid.Row="0">

<Grid.ColumnDefinitions>

<ColumnDefinition Width=".65*"></ColumnDefinition>

<ColumnDefinition Width=".35*"></ColumnDefinition>

</Grid.ColumnDefinitions>

<Border BorderThickness="0" CornerRadius="7" Margin="0,0,10,0" Padding="0" Grid.Row="0" Grid.Column="0" VerticalAlignment="Top" HorizontalAlignment="Left" Style="{StaticResource LightBorderGrid}">

<StackPanel>

<StackPanel Margin="0,0,0,0" Orientation="Horizontal">

<TextBlock Text="Review Rate" Style="{StaticResource tbHeaderStyle}" HorizontalAlignment="Left" ></TextBlock>

<StackPanel Orientation="Vertical" Margin="4,0,0,0">

<TextBlock Text="actual" Style="{StaticResource tbHeaderStyleLow}" Margin="0,10,0,0" VerticalAlignment="Top" HorizontalAlignment="Center" ></TextBlock>

<Rectangle Fill="SkyBlue" Width="35" Height="3" ></Rectangle>

</StackPanel>

<TextBlock Text="vs" Style="{StaticResource tbHeaderStyleLow}" Margin="3,10,3,0" VerticalAlignment="Top" HorizontalAlignment="Center"></TextBlock>

<StackPanel Orientation="Vertical" Margin="4,0,0,0">

<TextBlock Text="average" Style="{StaticResource tbHeaderStyleLow}" Margin="0,10,0,0" VerticalAlignment="Top" HorizontalAlignment="Center"></TextBlock>

<Rectangle Fill="Green" Width="50" Height="3" ></Rectangle>

</StackPanel>

<Border CornerRadius="7" BorderThickness="0" x:Name="tempBorder" Style="{StaticResource BorderinnerContent}" Padding="5,5,5,5" Margin="0,10,0,0">

<telerik:RadChart x:Name="rcReviewBatch" Margin="5" Height="{Binding ElementName=tempBorder,Path=Height}" BorderThickness="0" Background="Transparent" LegendStyle="{StaticResource ChartLegendStyle}" VerticalAlignment="Top" HorizontalAlignment="Left" Grid.Row="0" Grid.Column="0" >

<telerik:RadChart.DefaultView>

<telerik:ChartDefaultView>

<telerik:ChartDefaultView.ChartArea>

<telerik:ChartArea ItemToolTipOpening="rcReviewBatch_ItemToolTipOpening">

<telerik:ChartArea.Annotations>

<telerik:CustomGridLine YIntercept="15" Stroke="Green" StrokeThickness="4" />

</telerik:ChartArea.Annotations>

</telerik:ChartArea>

</telerik:ChartDefaultView.ChartArea>

</telerik:ChartDefaultView>

</telerik:RadChart.DefaultView>

<chart:RadChart.DefaultSeriesDefinition>

<charting:LineSeriesDefinition ShowPointMarks="True" ShowItemToolTips="True" ShowItemLabels="False">

<charting:LineSeriesDefinition.Appearance>

<charting:SeriesAppearanceSettings StrokeThickness="4"></charting:SeriesAppearanceSettings>

</charting:LineSeriesDefinition.Appearance>

</charting:LineSeriesDefinition>

</chart:RadChart.DefaultSeriesDefinition>

</telerik:RadChart>

</Border>

</StackPanel>

</Border>

<Border BorderThickness="0" CornerRadius="7" Margin="0,0,10,0" Padding="0" Grid.Row="0" Grid.Column="1" VerticalAlignment="Top" HorizontalAlignment="Left" Style="{StaticResource LightBorderGrid}">

<Grid >

<Grid.RowDefinitions>

<RowDefinition></RowDefinition>

</Grid.RowDefinitions>

<TextBlock x:Name="tbStatistics" Text="Statistics" Style="{StaticResource tbHeaderStyle}" VerticalAlignment="Top" HorizontalAlignment="Left" Grid.Row="0" ></TextBlock>

<Border BorderThickness="0" CornerRadius="7" Margin="0,10,0,0" Padding="5,5,5,5" Grid.Row="1" VerticalAlignment="Top" HorizontalAlignment="Left" Style="{StaticResource BorderinnerContent}">

<Grid x:Name="stkpnlStatistics" Grid.Row="1" Margin="0" >

<Grid.RowDefinitions>

<RowDefinition></RowDefinition>

</Grid.RowDefinitions>

<TextBlock Grid.Row="0" Text="{Binding strTotalDocs}" Style="{StaticResource tbContentStyle}" Width="Auto"/>

<TextBlock Grid.Row="1" Text="{Binding strAssignedDocs}" Style="{StaticResource tbContentStyle}" Width="Auto" />

<TextBlock Grid.Row="2" Text="{Binding strUnAssignedDocs}" Style="{StaticResource tbContentStyle}" Width="Auto"/>

<TextBlock Grid.Row="3" Text="{Binding strReviewedDocs}" Style="{StaticResource tbContentStyle}" Width="Auto" />

<TextBlock Grid.Row="4" Text="{Binding strNoOfReviewer}" Style="{StaticResource tbContentStyle}" Width="Auto" />

<TextBlock Grid.Row="5" Text="{Binding strAssignedDate}" Style="{StaticResource tbContentStyle}" Width="Auto"/>

<TextBlock Grid.Row="6" Text="{Binding strAssignedBy}" Style="{StaticResource tbContentStyle}" Width="Auto" />

<TextBlock Grid.Row="7" Text="{Binding strExpectedComletionDate}" Style="{StaticResource tbContentStyle}" Width="Auto" />

<TextBlock Grid.Row="8" Text="{Binding strReviewRate}" Style="{StaticResource tbContentStyle}" Width="Auto" />

</Grid>

</Border>

</Grid>

</Border>

</Grid>

<Border BorderThickness="0" CornerRadius="7" Margin="10,10,10,0" Padding="0" Grid.Row="1" Grid.Column="1" VerticalAlignment="Top" HorizontalAlignment="Left" Style="{StaticResource LightBorderGrid}" >

<Grid Background="Transparent">

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

</Grid.RowDefinitions>

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

<RowDefinition Height="*" />

</Grid.RowDefinitions>

<TextBlock Text="Discussion Board" Style="{StaticResource tbHeaderStyle}" VerticalAlignment="Top" HorizontalAlignment="Left" Grid.Column="0" ></TextBlock>

<Border CornerRadius="7" BorderThickness="0" Style="{StaticResource BorderinnerContent}" Grid.Row="1" Padding="10,10,10,10" Margin="0,10,0,0">

<StackPanel Margin="0,0,0,0" >

<StackPanel Orientation="Horizontal" HorizontalAlignment="Right" >

<HyperlinkButton Content="Add" Margin="0,0,10,0" Click="btnAdd_Click" HorizontalAlignment="Right"></HyperlinkButton>

<HyperlinkButton Content="Delete" Margin="0,0,0,0" Click="btnDelete_Click" HorizontalAlignment="Right"></HyperlinkButton>

</StackPanel>

<ListBox x:Name="lbDiscussionBoard" Grid.Row="1" ScrollViewer.VerticalScrollBarVisibility="Auto" ScrollViewer.HorizontalScrollBarVisibility="Hidden" Background="Transparent" BorderThickness="0" ItemContainerStyle="{StaticResource ListBoxItemStyleDiscussionBoard}" >

<ListBox.Resources>

<Views:ActualSizePropertyProxy Element="{Binding ElementName=lbDiscussionBoard}" x:Name="lbDiscussionBoardActualWidth" />

</ListBox.Resources>

<ListBox.ItemTemplate>

<DataTemplate>

<StackPanel Width="{Binding ActualWidthValue, ElementName=lbDiscussionBoardActualWidth}" SizeChanged="StackPanel1_SizeChanged" >

<Border BorderThickness="0" CornerRadius="0" Background="{Binding Converter={StaticResource myconverter}}">

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="Auto"/>

<ColumnDefinition Width="*"/>

</Grid.ColumnDefinitions>

<Grid Grid.Column="0" Grid.ColumnSpan="2">

<Grid.ColumnDefinitions>

<ColumnDefinition Width=".35*" />

<ColumnDefinition Width=".15*" />

<ColumnDefinition Width=".5*" />

</Grid.ColumnDefinitions>

<TextBlock Text="{Binding msgDate}" Style="{StaticResource tbContentStyle}" Grid.Column="0" Margin="0,0,0,0"/>

<TextBlock Text="{Binding msgSender}" Style="{StaticResource tbContentStyle}" Grid.Column="1" Margin="0,0,0,0"/>

<TextBlock Text="{Binding msgContent}" Style="{StaticResource tbContentStyle}" Grid.Column="2" TextWrapping="Wrap" />

</Grid>

</Border>

</StackPanel>

</DataTemplate>

</ListBox.ItemTemplate>

</ListBox>

</StackPanel>

</Border>

</Grid>

</Border>

<Border x:Name="brdSchdulerParent" BorderThickness="0" CornerRadius="7" Padding="0" Grid.Row="1" Grid.Column="0" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="0,10,0,0" Style="{StaticResource LightBorderGrid}" >

<Grid x:Name="grdSchdulerParent" Grid.Row="1" Grid.Column="0">

<Grid.RowDefinitions>

<RowDefinition Height="Auto"/>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width=".9*"></ColumnDefinition>

<ColumnDefinition Width=".1*"></ColumnDefinition>

</Grid.ColumnDefinitions>

<TextBlock Text="Scheduler" Grid.Row="0" Grid.Column="0" Style="{StaticResource tbHeaderStyle}" VerticalAlignment="Top" HorizontalAlignment="Left"></TextBlock>

<HyperlinkButton x:Name="btnSwitch" Grid.Row="0" Grid.Column="1" Click="Switch_Click" Width="25" Height="25" BorderThickness="0" VerticalAlignment="Top" HorizontalAlignment="Right">

<!--<HyperlinkButton.Background>

<ImageBrush ImageSource="/TestApplication;component/Images/Toggle.png" />

</HyperlinkButton.Background>-->

</HyperlinkButton>

<Border CornerRadius="7" BorderThickness="0" Style="{StaticResource BorderinnerContent}" Padding="10,10,10,10" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Margin="0,10,0,0">

<ListBox x:Name="lbScheduledList" Grid.Row="1" ScrollViewer.VerticalScrollBarVisibility="Auto" ScrollViewer.HorizontalScrollBarVisibility="Hidden" Grid.Column="0" Grid.ColumnSpan="2" BorderThickness="0" Background="Transparent" Padding="1" HorizontalAlignment="Left" VerticalAlignment="Top" ItemContainerStyle="{StaticResource ListBoxItemStyleDiscussionBoard}" >

<ListBox.Resources>

<Views:ActualSizePropertyProxy Element="{Binding ElementName=lbScheduledList}" x:Name="proxy" />

</ListBox.Resources>

<ListBox.ItemTemplate>

<DataTemplate>

<StackPanel Width="{Binding ActualWidthValue, ElementName=lbDiscussionBoardActualWidth}" SizeChanged="StackPanel2_SizeChanged" >

<Border BorderThickness="0" CornerRadius="0" Background="{Binding Converter={StaticResource myconverter}}">

<Grid Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" HorizontalAlignment="Left" Width="{Binding ActualWidthValue, ElementName=proxy}" x:Name="grdScheduledListParent" >

<Grid.Resources>

</Grid.Resources>

<Grid.ColumnDefinitions>

<ColumnDefinition Width=".28*"></ColumnDefinition>

<ColumnDefinition Width=".44*"></ColumnDefinition>

</Grid.ColumnDefinitions>

<TextBlock Text="{Binding Start,StringFormat=MM/dd/yyyy}" Grid.Column="0" Style="{StaticResource tbContentStyle}"/>

<TextBlock Grid.Column="1" Text="{Binding End,StringFormat=MM/dd/yyyy}" Style="{StaticResource tbContentStyle}"/>

<TextBlock TextWrapping="Wrap" Grid.Column="2" Text="{Binding Subject}" Style="{StaticResource tbContentStyle}"/>

</Grid>

</Border>

</StackPanel>

</DataTemplate>

</ListBox.ItemTemplate>

</ListBox>

</Border>

</Grid>

</Border>

</Grid>

answered on 11 Jan 2012, 01:45 PM

Hi Ravi,

I analyzed your code. Everything looks fine but
i found one issue with stack panel just above your radchart.
If i remove stack panel chart height is working fine.

Please check out below modified code.

<Grid Grid.Column="1" Margin="0,0,0,10" ShowGridLines="True">

<Grid.RowDefinitions>

<RowDefinition Height="40*"/>

<RowDefinition Height="60*"/>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="50*"></ColumnDefinition>

</Grid.ColumnDefinitions>

<Grid ShowGridLines="True" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="65*"></ColumnDefinition>

<ColumnDefinition Width="35*"></ColumnDefinition>

</Grid.ColumnDefinitions>

<StackPanel Margin="0,0,0,0" Orientation="Horizontal">

<TextBlock Text="Review Rate" HorizontalAlignment="Left" ></TextBlock>

<StackPanel Orientation="Vertical" Margin="4,0,0,0">

<TextBlock Text="actual" Margin="0,10,0,0" VerticalAlignment="Top" HorizontalAlignment="Center" ></TextBlock>

<Rectangle Fill="SkyBlue" Width="35" Height="3" ></Rectangle>

</StackPanel>

<TextBlock Text="vs" Margin="3,10,3,0" VerticalAlignment="Top" HorizontalAlignment="Center"></TextBlock>

<StackPanel Orientation="Vertical" Margin="4,0,0,0">

<TextBlock Text="average" Margin="0,10,0,0" VerticalAlignment="Top" HorizontalAlignment="Center"></TextBlock>

<Rectangle Fill="Green" Width="50" Height="3" ></Rectangle>

</StackPanel>

<Border CornerRadius="7" BorderThickness="0" x:Name="tempBorder" Padding="5,5,5,5" Margin="0,10,0,0" >

<telerik:RadChart x:Name="rcReviewBatch" Margin="5" BorderThickness="0" Background="Transparent" >

<telerik:RadChart.DefaultView>

<telerik:ChartDefaultView>

<telerik:ChartDefaultView.ChartArea>

<telerik:ChartArea >

<telerik:ChartArea.Annotations>

<telerik:CustomGridLine YIntercept="15" Stroke="Green" StrokeThickness="4" />

</telerik:ChartArea.Annotations>

</telerik:ChartArea>

</telerik:ChartDefaultView.ChartArea>

</telerik:ChartDefaultView>

</telerik:RadChart.DefaultView>

<telerik:RadChart.DefaultSeriesDefinition>

<telerik:LineSeriesDefinition ShowPointMarks="True" ShowItemToolTips="True" ShowItemLabels="False">

<telerik:LineSeriesDefinition.Appearance>

<telerik:SeriesAppearanceSettings StrokeThickness="4"></telerik:SeriesAppearanceSettings>

</telerik:LineSeriesDefinition.Appearance>

</telerik:LineSeriesDefinition>

</telerik:RadChart.DefaultSeriesDefinition>

</telerik:RadChart>

</Border>

</Grid>

answered on 11 Jan 2012, 01:55 PM

i think you have make one mistake.... i have One Main Border Control then Stack Panel

<Grid Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2">

<Grid.RowDefinitions></Grid.RowDefinitions>

<Grid Grid.Row="0">

<Grid.ColumnDefinitions>

<ColumnDefinition Width=".65*"></ColumnDefinition>

<ColumnDefinition Width=".35*"></ColumnDefinition>

</Grid.ColumnDefinitions>

<StackPanel>

<StackPanel Margin="0,0,0,0" Orientation="Horizontal">

<TextBlock Text="Review Rate" Style="{StaticResource tbHeaderStyle}" HorizontalAlignment="Left" ></TextBlock>

<StackPanel Orientation="Vertical" Margin="4,0,0,0">

<TextBlock Text="actual" Style="{StaticResource tbHeaderStyleLow}" Margin="0,10,0,0" VerticalAlignment="Top" HorizontalAlignment="Center" ></TextBlock>

<Rectangle Fill="SkyBlue" Width="35" Height="3" ></Rectangle>

</StackPanel>

<TextBlock Text="vs" Style="{StaticResource tbHeaderStyleLow}" Margin="3,10,3,0" VerticalAlignment="Top" HorizontalAlignment="Center"></TextBlock>

<StackPanel Orientation="Vertical" Margin="4,0,0,0">

<TextBlock Text="average" Style="{StaticResource tbHeaderStyleLow}" Margin="0,10,0,0" VerticalAlignment="Top" HorizontalAlignment="Center"></TextBlock>

<Rectangle Fill="Green" Width="50" Height="3" ></Rectangle>

</StackPanel>

<Border CornerRadius="7" BorderThickness="0" x:Name="tempBorder" Style="{StaticResource BorderinnerContent}" Padding="5,5,5,5" Margin="0,10,0,0">

<telerik:RadChart x:Name="rcReviewBatch" BorderThickness="0" Background="Transparent" LegendStyle="{StaticResource ChartLegendStyle}" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Grid.Row="0" Grid.Column="0" Margin="2">