Interacting with the Chart via ChartModifiers

Programmatically Setting the VisibleRange of an Axis

The visible range of each axis can be set programmatically. As of SciChart v1.3 and above the limitation that the visible range must lie within the min, max of the data no longer applies.

The following code:

sciChartSurface.XAxis.VisibleRange = new DoubleRange(0,600);
sciChartSurface.YAxis.VisibleRange = new DoubleRange(-0.6, 1.2);

Results in this output:

Similarly the above may be achieved in Xaml. Given a NumericAxis defined on the XAxis and YAxis properties of the SciChartSurface, the VisibleRange may be set as follows:

<SciChart:SciChartSurface.XAxis>
    <SciChart:NumericAxis>
        <SciChart:NumericAxis.VisibleRange>
            <SciChart:DoubleRange Min="0" Max="600"/>
        </SciChart:NumericAxis.VisibleRange>
    </SciChart:NumericAxis>
</SciChart:SciChartSurface.XAxis>

Adding Mouse Interactivity to the Chart

Interactivity is provided by a number of ChartModifierBase derived classes. These are set on the SciChartSurface as follows: C#

sciChartSurface.ChartModifier = new RubberBandXyZoomModifier();

XAML

<SciChart:SciChartSurface>                                
   <SciChart:SciChartSurface.ChartModifier>
      <SciChart:RubberBandXyZoomModifier/>
   </SciChart:SciChartSurface.ChartModifier>
</SciChart:SciChartSurface>

This will result in the following output:

Available Modifiers within SciChart

A table of available ChartModifiers is SciChart follows:

Applying Multiple ChartModifiers using a ModifierGroup

For example, to combine the X and Y Axis drag modifiers with a ZoomPanModifier, use the following code: C#

sciChartSurface.ChartModifier = new ModifierGroup(new XAxisDragModifier(),
                                       new YAxisDragModifier(),
                                       new ZoomPanModifier());

This results in the following behaviour: