Creating a Chart with Multiple X and Y Axes
Posted by Admin - on 07 February 2019 04:18 PM

For a documentation article about this topic, please see Axis Alignment - Setting Axis Alignment.

Creating a Chart with Multiple X and Y Axes

SciChart supports unlimited X Axes and Y Axes amount on a Chart. When more than one X or Y Axes is required, an alternative properties, SciChartSurface.YAxes and SciChartSurface.XAxes must be used instead of SciChartSurface.XAxis and SciChartSurface.YAxis.

Combinations may be used, e.g. use the SciChartSurface.YAxes property to define 2 or more Y Axes, but SciChartSurface.XAxis property to define a single X Axis, and vice versa.

NOTE: Please note that it is required to apply a unique string ID to every axis in the same collection if there are multiple X Axes or Y Axes. There is the Axis.Id property for this.

A chart with multiple Axes can be declared like shown below:


var scs = new SciChartSurface();

var yAxisLeft = new NumericAxis() { Id="LeftYAxis", AxisAlignment = AxisAlignment.Left };
var yAxisRight = new NumericAxis() { Id="RightYAxis", AxisAlignment = AxisAlignment.Right }; 
var xAxisBottom = new DateTimeAxis() { Id="BottomXAxis", AxisAlignment = AxisAlignment.Bottom}; 
var xAxisTop = new DateTimeAxis() { Id="TopXAxis", AxisAlignment = AxisAlignment.Top};



<!-- Define the SciChartSurface, using a theme from the predefined list -->
<s:SciChartSurface x:Name="sciChartSurface" 
        <!-- Omitted for Brevity  -->

    <!-- Defines the XAxes -->
        <s:DateTimeAxis AxisAlignment="Bottom" Id="BottomXAxis"/>
        <s:DateTimeAxis AxisAlignment="Top" Id="TopXAxis"/>

    <!-- Defines the YAxes  -->
        <s:NumericAxis AxisAlignment="Left" Id="LeftYAxis"/>
        <s:NumericAxis AxisAlignment="Right" Id="RitghYAxis"/>


The resulting chart may look like on the screenshot below:

Further Reading

SciChart provides other capabilities to layout a chart also. For further information on please see the following documentation articles:

There are also several examples in SciChart Examples Suite that demo axis layout possibilities:

(7 vote(s))
Not helpful


Not sure where to start? Contact us, we are happy to help!


SciChart Ltd, 16 Beaufort Court, Admirals Way, Docklands, London, E14 9XL. Email: Legal Company Number: 07430048, VAT Number: 101957725