Leverage the Range Area Chart to showcase the difference between pairs of continuous value sequences, e.g., visualizing the lowest and highest temperature values through the year in two different cities.
Thanks to the multiple appearance options you can customize the Range Area Chart to fit your brand, user or personal requirements. By default, the series backgrounds are semi-transparent, which lets the user clearly see where different sets of data overlap.
The Range Area Chart is a data bound component which also provides the flexibility to bind axes and series to various data sources separately or together.
Effortlessly modify the color of the series leveraging the Color property in the Telerik UI for Blazor Range Area Chart. Simply define a valid CSS color and it will be applied to the specific area. Additionally, you can control the color of the area line using the Color property of the nested TelerikChartSeriesLine tag.
You can easily change the default semi-transparent backgrounds thanks to the Opacity property of the Range Area Chart. Control the transparency level of the series by setting different decimal or whole values with 0 referring to complete transparency and 1 – to a completely opaque / non-transparent fill.
Occasionally, particular values can appear missing from the series data. Leverage the MissingValues property of the Telerik UI for Blazor Range Area Chart to configure the chart behavior related to this missing points. The MissingValues property of the series supports three configuration options – Zero, Interpolate and Gap.
Customizing the series line is a breeze with the Style property of the Telerik UI for Blazor Range Area Chart. By default, the chart draws a straight line between data points. You can modify the style to Step – suitable for indicating that the value is constant between the changes, or Smooth – suitable when data requires to be displayed with a curve, or when you wish to connect the points with smooth instead of straight lines.
Alongside the series appearance options, the Blazor Range Area 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 Area 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 Area 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.