This sample visualizes the bitcoin price range with area series in the range navigator. Selected range values are enhanced with tooltip.
In this example, you can see how to render and configure the range navigator with area type series. Tooltip
is used to represent selected data value.
You can also use selectedRegionColor
and unselectedRegionColor
properties to customize selected and unselected area in range navigator.
Injecting Module
The range navigator component features are segregated into individual feature-wise modules.
To use date-time axis, inject the DateTime
module using RangeNavigator.Inject(DateTime)
method.
To use tooltip, inject the RangeTooltip
module using RangeNavigator.Inject(RangeTooltip)
method.