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

hide/show panzoombar smartly

2 Answers 116 Views

ChartView

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

jzhou asked on 13 Jul 2015, 06:19 AM

Hello,

I want to show the panzoombar when the user zoom the chart, and hide the panzoombar if there is no zoom. So I implement this:

I add tiggers in the a style for panzoombar:

<Style.Triggers> <Trigger Property="Orientation" Value="Horizontal"> <Setter Property="Visibility" Value="{Binding HorizontalPanZoomBarVisible, Converter={StaticResource BooleanToVisibilityConverter}}"/> </Trigger> <Trigger Property="Orientation" Value="Vertical"> <Setter Property="Visibility" Value="{Binding VerticalPanZoomBarVisible, Converter={StaticResource BooleanToVisibilityConverter}}"/> </Trigger> </Style.Triggers>

In the view model:

private Size _zoom = new Size(1, 1);  public Size Zoom {  get { return _zoom; }  set { _zoom = value;  if

(Math.Abs(_zoom.Width - 1) < 0.00001f)<br>                {<br>                    HorizontalPanZoomBarVisible =

false; }  else { HorizontalPanZoomBarVisible = true; }  if

(Math.Abs(_zoom.Height - 1) < 0.00001f)<br>                {<br>                    VerticalPanZoomBarVisible =

false; }  else { VerticalPanZoomBarVisible = true; } } }  public bool VerticalPanZoomBarVisible {  get {  return _verticalPanZoomBarVisible; }  set

<br>            {<br>              _verticalPanZoomBarVisible = value;<br>                RaisePropertyChanged(() => VerticalPanZoomBarVisible);<br>          }<br>       }<br><br>

private bool _horizontalPanZoomBarVisible;  private bool _verticalPanZoomBarVisible;  public bool HorizontalPanZoomBarVisible {  get { return _horizontalPanZoomBarVisible; }  set

<br>         {<br>               _horizontalPanZoomBarVisible = value;<br>                RaisePropertyChanged(() => HorizontalPanZoomBarVisible);<br>          }<br>       }

The chart:

<telerik:RadCartesianChart Grid.Row="2" x:Name="Chart" Margin="20" Zoom="{Binding Zoom, Mode=TwoWay}">

The problem is, it work only for the first time, at the beginning, there is no zoom, so the panzoombar hides correctly, after I zoom, the panzoombar appear correctly, but if I reset zoom to (1,1), and zoom again, the panzoombar never appear, I don't know why? I use snoop to check and find out the visibility of the panzoombar is changed correctly, but I still can not see it.

Do you have any ideas?

Thanks,

Jie

2 Answers, 1 is accepted

Accepted