Kendo UI for Angular

Angular Waterfall Chart

  • Illustrate positive and negative changes in data between time periods with the Kendo UI for Angular Waterfall Chart.
  • Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Waterfall Chart Header
  • Create Powerful Waterfall Charts with Kendo UI for Angular

    The Kendo UI for Angular Waterfall Chart illustrates how a starting value increases or decreases through a series of positive or negative changes. The plot area renders bars with the starting and end values at both ends of the chart and floating bars between them that show the values that are added or subtracted from the total. The Angular Waterfall Chart is perfect for visualizing cashflow, profit and loss statements, inventory, stock value changes and other highly fluctuating variables. 

    See the Angular Waterfall Chart demo  

  • Data Binding

    You can populate the Angular Waterfall Chart series with data from various source types, including numbers, arrays and objects (or models)—simply specify the fields you want to use.  

    See the Angular Chart data binding demo 

  • Customization Options

    You can customize all aspects of your Angular Waterfall Chart—from the series color and opacity to the category axis labels, font and content.   

    See the Angular Charts appearance demo 

  • Rendering

    The Angular Waterfall Chart renders data in the Canvas (bitmap) and SVG (vector graphics) formats. SVG is the default format to ensure an always crips presentation of your data. When performance is the priority, you can easily switch to a canvas format through a single configuration option to ensure your chart will handle large data and real-time updates with no interruption. 

    See the Angular Watterfall Chart rendering demo 

  • Export Options

    You can export your Angular Waterfall Chart to PDF, SVG, PNG and the Kendo UI drawing format. In scenarios where you need to change the image size or fit the chart to a paper size when exporting to PDF, the intuitive export method of the component will allow you to preserve the quality and rendering of the chart in the output file. 

    See the Angular Waterfall Chart export demo   

  • Themes

    Customize the series colors of the Kendo UI for Angular Waterfall component with one of our predefined color sets, including Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (resembles the Bootstrap styling) and Fluent (based on Microsoft Fluent UI). You can further customize any of the built-in themes or create a new theme to match your branding using Progress ThemeBuilder

    See the Angular Scatter Chart appearance demo   

  • Globalization

    The Kendo UI for Angular Waterfall Chart supports globalization and localization to ensure that the component can effectively support any application’s language and locale. You can also enable the right-to-left (RTL) rendering for languages that use right-to-left scripts. 

    See the Angular Watterfall Chart globalization demo 


All Kendo UI for Angular Components

Next Steps

Get Started with Kendo UI for Angular

Kendo UI for Angular - Kendoka