Example of Logarithmic Axis in React Range Selector Component


This sample demonstrates rendering logarithmic axis in the range navigator.

More Details...


Logarithmic axis uses logarithmic scale and it is very useful in visualizing when the data has values with both lower order of magnitude (eg: 10^-6) and higher order of magnitude (eg: 10^6). To render Logarithmic axis, set valueType to Logarithmic. Tooltip is enabled in this example, to see the tooltip in action, while the selected range is changed.

Injecting Module

The range navigator component features are segregated into individual feature-wise modules. To use logarithmic axis, inject the Logarithmic module using the RangeNavigator.Inject(Logarithmic) method.