Skip to main content
Version: 8.3.2

Step

The Step series is a point-line series with an automatic stepping interpolation resulting in only sharp turns of curve.

Chart with step seriesChart with step series

// Creation of a step series
const stepSeries = chart.addStepSeries()

For "points" oriented guides, please refer to Scatter section.

Otherwise, the step series functions exactly same as a Line series.

Step area series can be realized by using functions from Area series.

tip

Step series are actually PointLineAreaSeries with suitable default settings applied. Step can be enabled and configured with setCurvePreprocessing method.

stepSeries.setCurvePreprocessing({ type: 'step', step: 'middle' })

There are 3 different modes available: 'before', 'middle', 'after'.