UI for Blazor
Telerik UI for Blazor Waterfall Chart enables you to depict factors influencing a result over time. It illustrates how an initial value can be affected by the cumulative effect of sequential positive and negative values using series of bars that indicate gains and losses. Leverage the Waterfall chart for different types of quantitative analysis related to inventory, cash flows, performance, etc.
The Waterfall Chart is a data bound component which also provides the flexibility to bind axes and series to various data sources separately or together.
Customizing the orientation of the Telerik UI for Blazor is as easy as breeze with the built-in configuration properties. To display value changes vertically, which is the traditional Waterfall chart orientation, you only need to set the series type to ChartSeriesType.Waterfall.
The other orientation option is the horizontal one, where value changes are displayed with the help of horizontal bars. Simply change the series type to ChartSeriesType.HorizontalWaterfall to benefit from this chart layout.
See the Telerik UI for Blazor Horizontal Waterfall Chart demo
Effortlessly modify the color of the series leveraging the Color property in the Telerik UI for Blazor Waterfall Chart. Simply define a valid CSS color and it will be applied to the specific horizontal or vertical bar.
Check the Telerik UI for Blazor Waterfall Chart Color documentation
Effortlessly control the distance between the bars of different series in the same category, leveraging the Spacing property available in Blazor Waterfall Chart. Moreover, the distance between the categories that cluster a data point from each series can be configured with the Gap property.
Check the Telerik UI for Blazor Waterfall Chart Gap and Spacing documentation
Alongside the series appearance options, the Blazor Waterfall Chart exposes several nested tags which enables you to customize the rest of the chart elements – Category Axis, Legend, Plot Area, Tooltip, etc.
Check the Telerik UI for Blazor Waterfall Chart Nested Tags documentation
The Label Format Strings in Blazor Waterfall 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 Waterfall 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.
Learn more in our Blazor Right-to-Left Support documentation