This React range step area chart example illustrates the minimum and maximum temperatures for different days using the default range step area series.
In this example, you can see how to render and configure a range step area type chart. You can use border and fill properties to customize the range step area. Both markers and dataLabels are used to represent data points and their values.
The tooltip is enabled in this example. To see the tooltip in action, hover over a point or tap on a point in touch-enabled devices.
Injecting Module
The Charts component’s features are segregated into individual feature modules by feature. To use range step area series, we need to inject the RangeStepAreaSeries module into services.
More information about the area type series can be found in this documentation section.