SciChart.js JavaScript 2D Charts API > Axis APIs > Axis Layout- Drawing Series Behind Axis
Axis Layout- Drawing Series Behind Axis

SciChart.js v2.2 and above now allow you to draw series behgind axis by setting a single flag on the parent SciChartSurface.

The default behaviour is to draw axis on the outside of the chart area as follows.


If you need more space on the chart (if axis are taking up too much space), you can set a single flag to draw the series behind the axis and pull the axis areas inside the chart area:

Inner Axis Example

Copy Code
// When true, Series are drawn behind axis (Axis inside chart)
sciChartSurface.drawSeriesBehindAxis = true;

This results in the following output.



For more complex axis layout options, see Axis Layout - Inside and Central Axis
See Also