This question is locked. New answers and comments are not allowed.
I am having some difficulty showing a chart across multiple panoramas so that users can pan horizontally to see the rest of the chart.
What happens right now is when the Orientation of the panorama item is Vertical, data shows up on my chart, however, it gets cut off when it gets to the end of the panorama.
If I make the panorama orientation horizontal, my chart gets cut off altogether.
How can I accomplish expanding my chart horizontally across multiple panorama items. Here is a code sample of what I have:
What happens right now is when the Orientation of the panorama item is Vertical, data shows up on my chart, however, it gets cut off when it gets to the end of the panorama.
If I make the panorama orientation horizontal, my chart gets cut off altogether.
How can I accomplish expanding my chart horizontally across multiple panorama items. Here is a code sample of what I have:
<
controls:PanoramaItem
Header
=
"job trends"
Margin
=
"0,-25,0,0"
>
<
Grid
>
<
Grid.RowDefinitions
>
<
RowDefinition
Height
=
"Auto"
/>
<
RowDefinition
Height
=
"Auto"
/>
<
RowDefinition
Height
=
"*"
/>
<
RowDefinition
Height
=
"Auto"
/>
</
Grid.RowDefinitions
>
<
StackPanel
Orientation
=
"Horizontal"
>
<
Button
x:Name
=
"btnEmployment"
Content
=
"Employed"
IsEnabled
=
"False"
Click
=
"btnEmployment_Click"
/>
<
Button
x:Name
=
"btnYearly"
Content
=
"Salary"
Margin
=
"5,0,0,0"
Click
=
"btnYearly_Click"
/>
<
Button
x:Name
=
"btnHourly"
Content
=
"Hourly"
Margin
=
"5,0,0,0"
Click
=
"btnHourly_Click"
/>
</
StackPanel
>
<
TextBlock
Text
=
"TOP EMPLOYED OCCUPATIONS IN 2010"
Grid.Row
=
"1"
x:Name
=
"txtChartHeading"
FontSize
=
"16"
FontWeight
=
"Bold"
Style
=
"{StaticResource PhoneTextNormalStyle}"
/>
<
telerikChart:RadCartesianChart
x:Name
=
"radChartEmployment"
Grid.Row
=
"2"
d:LayoutOverrides
=
"Height"
Margin
=
"0,0,0,20"
>
<
telerikChart:RadCartesianChart.Behaviors
>
<
telerikChart:ChartTooltipBehavior
TriggerMode
=
"Tap"
SnapToClosestPoint
=
"True"
/>
</
telerikChart:RadCartesianChart.Behaviors
>
<
telerikChart:RadCartesianChart.Grid
>
<
telerikChart:CartesianChartGrid
Style
=
"{StaticResource gridStyleDashed}"
MajorLinesVisibility
=
"Y"
/>
</
telerikChart:RadCartesianChart.Grid
>
<
telerikChart:RadCartesianChart.VerticalAxis
>
<
telerikChart:LinearAxis
LineStroke
=
"{StaticResource PhoneDisabledBrush}"
LineThickness
=
"2"
LabelFormat
=
"#,#"
LabelInterval
=
"2"
/>
</
telerikChart:RadCartesianChart.VerticalAxis
>
<
telerikChart:RadCartesianChart.HorizontalAxis
>
<
telerikChart:CategoricalAxis
LabelFitMode
=
"Rotate"
ShowLabels
=
"False"
/>
</
telerikChart:RadCartesianChart.HorizontalAxis
>
<
telerikChart:BarSeries
CategoryBinding
=
"Title"
ValueBinding
=
"TotalEmployment"
ItemsSource
=
"{Binding TopJobEmploymentStats, Mode=TwoWay}"
>
<
telerikChart:BarSeries.PointTemplate
>
<
DataTemplate
>
<
Border
Background
=
"{StaticResource Series2Brush}"
BorderBrush
=
"{StaticResource Series2BorderBrush}"
BorderThickness
=
"2"
/>
</
DataTemplate
>
</
telerikChart:BarSeries.PointTemplate
>
</
telerikChart:BarSeries
>
</
telerikChart:RadCartesianChart
>
</
Grid
>
</
controls:PanoramaItem
>