Example of Log Axis in React Chart Component


This sample demonstrates the rendering of logarithmic axis in the chart.

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 in axis to Logarithmic.

Tooltip is enabled in this example, to see the tooltip in action, hover a point or tap on a point in touch enabled devices.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use Logarithmic axis, we need to inject Logarithmic module using servives.

More information on the Logarithmic axis can be found in this   documentation section.