This React Step Area Chart example visualizes the trend of unit sales over several months. It highlights changes in sales units using a step area style, providing clear insights into how sales have fluctuated over time.
In this example, you can see how to render and configure a step area chart. This series forms a step progress by connecting points through vertical and horizontal lines with the area being filled.
Tooltips are enabled in this example. To see a tooltip in action, hover over or tap on the chart.
Injecting Module
Chart component features are segregated into individual feature-wise modules. To use step area series, we need to inject StepAreaSeries module into services.
More information about area series can be found in this documentation section.