Represents react RangeNavigator Component
<RangeNavigatorComponent></RangeNavigatorComponent> boolean
Allow the data to be selected for that particular interval while clicking the particular label.
boolean
Enable snapping for range navigator sliders.
Defaults to false
number
Duration of the animation.
Defaults to 500
areaSeriesModule is used to add area series in the chart.
string
The background color of the chart that accepts value in hex and rgba as a valid CSS color string.
Defaults to null
Object | DataManager
It defines the data source for a range navigator.
Defaults to null
dateTimeCategoryModule is used to manipulate and add dateTimeCategory axis to the chart.
datetimeModule is used to manipulate and add dateTime axis to the chart.
boolean
To render the period selector with out range navigator.
Defaults to false
doubleModule is used to manipulate and add double axis to the chart.
boolean
Enable deferred update for the range navigator.
Defaults to false
boolean
Enable grouping for the labels.
Defaults to false
boolean
Enable or disable persisting component’s state between page reloads.
Defaults to false
boolean
Enable or disable rendering component in right to left direction.
Defaults to false
GroupBy property for the axis.
Defaults to Auto
string
The height of the chart as a string accepts input both as ‘100px’ or ‘100%‘. If specified as ‘100%, range navigator renders to the full height of its parent element.
Defaults to null
number
interval value for the axis.
Defaults to null
IntervalType for the dateTime axis.
Defaults to ‘Auto’
string
Used to format the axis label that accepts any global string format like ‘C’, ‘n1’, ‘P’ etc. It also accepts placeholder like ‘{value}°C’ in which value represent the axis label, e.g, 20°C.
Defaults to ”
Specifies, when the axis labels intersect with each other.They are,
Defaults to Hide
Specifies the placement of labels to the axis line. They are, betweenTicks - Render the label between the ticks. onTicks - Render the label on the ticks. auto - Render the label between or on the tick based on data.
Defaults to ‘Auto’
Label positions for the axis.
Defaults to ‘Outside’
Label style for the labels.
lineSeriesModule is used to add line series to the chart.
string
Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.
Defaults to ”
number
base value for log axis.
Defaults to 10
logarithmicModule is used to manipulate and add log axis to the chart.
MajorGridLines
MajorTickLines
Margin for the range navigator
number | Date
Maximum value for the axis
Defaults to null
number | Date
Minimum value for the axis
Defaults to null
Options for customizing the color and width of the chart border.
Navigator style settings
periodSelectorModule is used to add period selector un range navigator
Period selector settings
Query
It defines the query for the data source.
Defaults to null
tooltipModule is used to manipulate and add tooltip to the series.
It specifies the label alignment for secondary axis labels
Defaults to ‘Middle’
It defines the configuration of series in the range navigator
string
Specifies the skeleton format in which the dateTime format will process.
Defaults to ”
It specifies the type of format to be used in dateTime format process.
Defaults to ‘DateTime’
stepLineSeriesModule is used to add stepLine series in the chart.
Specifies the theme for the range navigator.
Defaults to ‘Material’
Tick Position for the axis
Defaults to ‘Outside’
Options for customizing the tooltip of the chart.
boolean
Specifies whether a grouping separator should be used for a number.
Defaults to false
number[] | Date[]
Selected range for range navigator.
Defaults to []
Specifies the data types that the axis can handle:
Defaults to ‘Double’
string
The width of the range navigator as a string accepts input as both like ‘100px’ or ‘100%‘. If specified as ‘100%, range navigator renders to the full width of its parent element.
Defaults to null
string
It defines the xName for the range navigator.
Defaults to null
string
It defines the yName for the range navigator.
Defaults to null
Creating secondary range navigator.
Returns void
To destroy the widget
Returns void
Handles the export method for range navigator control.
| Parameter | Type | Description |
|---|---|---|
| type | ExportType |
The type of export. |
| fileName | string |
The name of the file for export. |
| orientation (optional) | PdfPageOrientation |
The orientation of the PDF page. |
| controls (optional) | [] | Array of controls to be exported. |
| width (optional) | number |
The width of the exported content. |
| height (optional) | number |
The height of the exported content. |
| isVertical (optional) | boolean |
Indicates whether the export is vertical. |
Returns void
To get the module name of the widget.
Returns string
OnProperty change method calling here.
| Parameter | Type | Description |
|---|---|---|
| newProp | RangeNavigatorModel |
The new RangeNavigatorModel. |
Returns void
Starting point of the control initialization.
Returns void
Handles the print method for range navigator control.
| Parameter | Type | Description |
|---|---|---|
| id (optional) | string[] | string | Element |
The id of the range navigator to be printed on the page. |
Returns void
Creating Chart for range navigator.
| Parameter | Type | Description |
|---|---|---|
| resize (optional) | boolean |
Indicates whether the chart should be resized. |
Returns void
Triggers before the prints gets started.
EmitType<IRangeBeforeResizeEventArgs>
Triggers before window resize.
Triggers after change the slider.
EmitType<ILabelRenderEventsArgs>
Triggers before the label rendering.
EmitType<IRangeLoadedEventArgs>
Triggers before the range navigator rendering.
EmitType<IRangeLoadedEventArgs>
Triggers after the range navigator rendering.
EmitType<IResizeRangeNavigatorEventArgs>
Triggers after the range navigator resized
EmitType<IRangeSelectorRenderEventArgs>
Triggers before the range navigator selector rendering.
EmitType<IRangeTooltipRenderEventArgs>
Triggers before the tooltip for series is rendered.