Different zooming on axes?

Got it working! I ended up using some different code to get the job done, which I’ll share here:

        // Custom mouse wheel usage 
        public override void OnModifierMouseWheel(ModifierMouseArgs e)
        {
            // Get region of axis
            Rect XAxisBounds = XAxis.GetBoundsRelativeTo(RootGrid);
            Rect YAxisBounds = YAxis.GetBoundsRelativeTo(RootGrid);

            // Only zoom in that axis if mouse over axis
            if      (XAxisBounds.Contains(e.MousePoint))
            {
                // If zooming in
                if      (e.Delta > 0)
                    XAxis.ZoomBy(-0.1, -0.1);
                // If zooming out
                else if (e.Delta < 0)
                    XAxis.ZoomBy( 0.1,  0.1);

                // Now don't do anything else
                e.Handled = true;
                return;
            }
            else if (YAxisBounds.Contains(e.MousePoint))
            {
                if      (e.Delta > 0)
                    YAxis.ZoomBy(-0.1, -0.1);
                else if (e.Delta < 0)
                    YAxis.ZoomBy( 0.1,  0.1);

                e.Handled = true;
                return;
            }

            // Otherwise, operate normally
            base.OnModifierMouseWheel(e);
        }

Your initial points and several key methods helped out a lot! I also simplified some parts I didn’t need. Thanks!

Hi Ross,

Nice to meet you! Glad you are finding SciChart good so far 🙂

Did you know we have a selection of ChartModifiers which add interactivity to the chart? Also we have an API which you can use to create your own modifiers.

Take a look at the YAxisDragModifier / XAxisDragModifier. There is an online demo which shows how to use these here. Click on the ‘Pan’ button and drag the axes.

Ok so how to extend these to add mouse-wheel behaviour? Well you would need to create a class which derives from ChartModifierBase. We have methods to override, including OnModifierMouseWheel. To detect if the mouse is over an axis, we use this code:

var axisBounds = axis.GetBoundsRelativeTo(RootGrid); // RootGrid is SciChartSurface.MainGrid, or ChartModifierBase.RootGrid

// Exit if the mouse down was outside the bounds                        
if (!axisBounds.Contains(e.MousePoint))
   return;

Next, to pan (scroll) a specific axis, we use this API call

/// <summary>
        /// Peforms a pan on the assocaited <see cref="AxisBase" />. The pan is considered to be a drag from <paramref name="currentPoint" /> to <paramref name="lastPoint" />
        /// </summary>
        /// <param name="currentPoint">The current mouse point</param>
        /// <param name="lastPoint">The last mouse point</param>
        protected void PerformPan(Point currentPoint, Point lastPoint)
        {
            string axisIdToFind = "DefaultAxisId"; // Adjust as necessary
            var axis = GetYAxis(axisIdToFind); 

            var xDelta = currentPoint.X - lastPoint.X;
            var yDelta = lastPoint.Y - currentPoint.Y;

            axis.Scroll(axis.IsHorizontalAxis ? -xDelta : yDelta, ClipMode.None);
        }

Now you will have to fake currentPoint / lastPoint. These are pixels assuming the operation is a mouse-drag. In fact you could simplify this a lot by passing in +/- 10 to the axis.Scroll method.

I hope this helps! If you need further help creating a custom modifier just post back 🙂

Best regards,
Andrew