ChartView inside ItemsControl Zoom issue When using Mousewheel scroll

[Sivakumar]

I am using ChartView inside ItemsControl. Everything is working fine.I am facing issue when using mouse-wheel scroll for chart zoom . Issue is itemscontrol scrolling triggered instead of scroll for chart zooming even though my mouse focus on chart.

My Expected Requirement:

1.) Do Chart Zoom In/Out  When Mouse focus on chartcontrol.

2.) Do Item control scrolling when mouse focus on itemscontrol scrollbar.

  

I tried few options but those failed.Please help on this..

 

 Please see attach as well...

 

[Peshito]

Hello Sivakumar,

This behavior is caused by the fact that chart's behaviors does not handle mouse wheel events. In order to achieve your expected result please attache to charts MouseWheel event like shown below:

void chart_MouseWheel(object sender, MouseWheelEventArgs e)
        {
            var pos = e.GetPosition(this.chart);
            ChartPanAndZoomBehavior behav = (ChartPanAndZoomBehavior)this.chart.Behaviors.FirstOrDefault(b => b is ChartPanAndZoomBehavior);
            bool isZoom = behav != null;
            if (!isZoom)
            {
                return;
            }

            e.Handled = true;
        }

This way when the mouse is over the chart and the wheel is being moved forward/backward, the zooming will happen. When the mouse is over the ItemsControl's scrollbar, then only the ItemsControl will scroll.

Hope it helps.

Regards,
Peshito
Telerik

[Sivakumar]

Thanks for your solution.It is working now..