Interface for a class RangeNavigator
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.
boolean
Allow the data to be selected for that particular interval while clicking the particular label.
boolean
Enable snapping for range navigator sliders.
number
Duration of the animation.
string
The background color of the chart that accepts value in hex and rgba as a valid CSS color string.
Object | DataManager
It defines the data source for a range navigator.
boolean
To render the period selector with out range navigator.
boolean
Enable deferred update for the range navigator.
boolean
Enable grouping for the labels.
boolean
Enable or disable persisting component’s state between page reloads.
boolean
Enable or disable rendering component in right to left direction.
GroupBy property for the axis.
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.
number
interval value for the axis.
IntervalType for the dateTime axis.
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.
Specifies, when the axis labels intersect with each other.They are,
Label positions for the axis.
Label style for the labels.
string
Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.
number
base value for log axis.
MajorGridLinesModel
MajorGridLines
MajorTickLinesModel
MajorTickLines
Margin for the range navigator
number | Date
Maximum value for the axis
number | Date
Minimum value for the axis
Options for customizing the color and width of the chart border.
Navigator style settings
Period selector settings
Query
It defines the query for the data source.
It specifies the label alignment for secondary axis labels
It defines the configuration of series in the range navigator
string
Specifies the skeleton format in which the dateTime format will process.
It specifies the type of format to be used in dateTime format process.
Specifies the theme for the range navigator.
Tick Position for the axis
Options for customizing the tooltip of the chart.
boolean
Specifies whether a grouping separator should be used for a number.
number[] | Date[]
Selected range for range navigator.
ValueType for the axis
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.
string
It defines the xName for the range navigator.
string
It defines the yName for the range navigator.