Blazor Range Navigator Logarithmic Axis Example

This sample visualizes inflation and consumer goods data using a Range Navigator configured with a logarithmic axis and an interactive tooltip that reflects the currently selected range. The logarithmic scale emphasizes relative changes across multiple orders of magnitude while preserving temporal context, making proportional differences and trends easier to compare.

Key configuration highlights:

• Set the ValueType property to Logarithmic to render the navigator axis on a logarithmic scale.
• The logarithmic axis effectively visualizes datasets that span several orders of magnitude, improving readability for exponential or multiplicative patterns without compressing mid‑range variation.
• The tooltip updates dynamically as the selected range changes, providing immediate numeric feedback for the active start and end values to support precise inspection and comparison.

Use this configuration when your series include values that differ by large factors and you need both an overview and precise range selection. The sample demonstrates how the Range Navigator supplies contextual zooming while the tooltip delivers exact bounds for quick, interactive analysis.

For implementation details, parameter guidance, and examples, see the documentation: documentation section.