Blazor Range Navigator RTL Example

Range Selector / Right To Left / RTL

This sample visualizes consumer price trends using the Range Navigator and Chart components, configured in a right-to-left (RTL) layout direction. The Range Navigator allows users to interactively select and zoom into specific time ranges, while the chart provides a clear graphical representation of the data.

Loading Syncfusion Blazor Server Demos…

Right-to-left (RTL) is used to render the component from right to left, and it can be enabled by setting the EnableRtl property to true. In this demo, you can see the Axis, Data Points, Tooltip, and Legend aligned from right to left.

Tooltip is enabled to show the selected data range as the range is changed.

More information about RTL support can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE