Leverage the Range Column Chart to showcase data as vertical bars whose heights and position vary according to their from and to values. Cover use cases where comparison between several sets of data need to be displayed – e.g., summaries of quantities or measurements for different time periods. The Range Column Chart supports multiple appearance options, so you can easily customize it to fit your brand, user or personal requirements.
The Range Column Chart is a data bound component which also provides the flexibility to bind axes and series to various data sources separately or together.
For elevated look and feel, each individual series is visualized with a different color that can be customized through the ColorField property of the Telerik UI for Blazor Range Column Chart. Simply define a valid CSS color and it will be applied to the selected series.
All data items within the Telerik UI for Blazor Range Column Chart are supported with a text label that adds more explanation to the displayed values. You can easily control and modify the labels appearance to match your user requirements or personal preferences.
Controlling the distance between the vertical bars of different series in the same category is a breeze with the Spacing property available in Blazor Range Column Chart. Moreover, the distance between different categories can be configured leveraging the Gap property.
Alongside the series appearance options, the Blazor Range Column Chart exposes several nested tags which enables you to customize the rest of the chart elements – Category Axis, Legend, Plot Area, Tooltip, etc.
The Label Format Strings in Blazor Range Column Chart are culture aware so your users see, for example, the expected number formats with the decimal and thousands separators they are used to.
The Telerik UI for Blazor Range Column Chart supports right-to-left configuration. The RTL functionality is supported by most of our components to accommodate users who communicate in a right-to-left language script, such as Arabic and Hebrew.