Series types in TypeScript Range navigator control

18 Nov 20181 minute to read

To render the data, the Range Selector supports three types of series.

Line

To render a line series, use series type as Line and inject the LineSeries module using the RangeNavigator.Inject(LineSeries) method. By default, the line series is rendered in the Range Selector.

Area

To render an area series, use series type as Area and inject AreaSeries module using RangeNavigator.Inject(AreaSeries) method.

StepLine

To render a Step line series, use series type as Step Line and inject StepLineSeries module using RangeNavigator.Inject(StepLineSeries) method.

Spline

To render a Spline series, use series type as Spline and inject SplineSeries module using RangeNavigator.Inject(SplineSeries) method.

Spline Area

To render a Spline Area series, use series type as SplineArea and inject SplineAreaSeries module using RangeNavigator.Inject(SplineAreaSeries) method.

Column

To render a Column series, use series type as Column and inject ColumnSeries module using RangeNavigator.Inject(ColumnSeries) method.