Skip to main content
Version: 5.2.1

Step

The Step series is a point-line series with an automatic stepping interpolation resulting in only sharp turns of curve. This is simply a differently styled instance of PointLineAreaSeries.

Chart with step seriesChart with step series

// Creation of a step series
const stepSeries = chart.addPointLineAreaSeries({ dataPattern: 'ProgressiveX' })
    .setAreaFillStyle(emptyFill)
    .setCurvePreprocessing({ type: 'step', step: 'middle' })

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

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

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