Range Navigator
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
AreaSeries
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
DateTime
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
Double
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
Label positions for the axis.
Defaults to ‘Outside’
Label style for the labels.
LineSeries
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
Logarithmic
logarithmicModule
is used to manipulate and add log axis to the chart.
MajorGridLinesModel
MajorGridLines
MajorTickLinesModel
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’
StepLineSeries
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 []
ValueType for the axis
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
Adds the handler to the given event listener.
Parameter | Type | Description |
---|---|---|
eventName | string |
A String that specifies the name of the event |
handler | Function |
Specifies the call to run when the event occurs. |
Returns void
Appends the control within the given HTML element
Parameter | Type | Description |
---|---|---|
selector (optional) | string | HTMLElement |
Target element where control needs to be appended |
Returns void
Creating secondary range navigator
Returns void
When invoked, applies the pending property changes immediately to the component.
Returns void
To destroy the widget
Returns void
Handles the export method for range navigator control.
Returns void
Returns the persistence data for component
Returns any
To get the module name of the widget
Returns string
Returns the route element of the component
Returns HTMLElement
OnProperty change method calling here
Parameter | Type | Description |
---|---|---|
newProp | RangeNavigatorModel |
new RangeNavigatorModel |
oldProp | RangeNavigatorModel |
old RangeNavigatorModel |
Returns void
Starting point of the control initialization
Returns void
Handles the print method for range navigator control.
Returns void
Applies all the pending property changes and render the component again.
Returns void
Removes the handler from the given event listener.
Parameter | Type | Description |
---|---|---|
eventName | string |
A String that specifies the name of the event to remove |
handler | Function |
Specifies the function to remove |
Returns void
To render the range navigator
Returns void
Creating Chart for range navigator
Returns void
Dynamically injects the required modules to the component.
Parameter | Type | Description |
---|---|---|
moduleList | Function[] |
? |
Returns void
EmitType<IPrintEventArgs>
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.