---
title: "Waterfall"
slug: "waterfall-12-1"
updated: 2026-03-19T14:23:13Z
published: 2026-03-19T14:23:13Z
canonical: "docs.bazefield.com/waterfall-12-1"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bazefield.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Waterfall

This page describes how to configure the *Waterfall* widget. The general description of this widget can be found here: [Waterfall Widget Documentation](/product/docs/waterfall-widget-documentation-1).

This widget is intended for use in [Dashboard applications](/product/docs/create-dashboard-application-2) and [Report applications](/product/docs/create-report-application-2).

This widget supports the following datasources:

- [Point Datasource](/product/docs/point-2)
- [Availability Statistics](/product/docs/availability-statistics-2)

## Configuration

### General tab

The general configuration is divided into two sections:

- *App Linked Data Sources*: Displays all usable data in the widget. ![image.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image%28656%29.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A14%3A01Z&se=2026-11-06T22%3A14%3A01Z&sr=c&sp=r&sig=6KPFd0K0fHPDY8%2BdIblOKYVeAK7maN0JAv2DmwEs7g8%3D)

- *Output configuration*: Defines how the waterfall chart will be built. ![image.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image%28686%29.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A14%3A01Z&se=2026-11-06T22%3A14%3A01Z&sr=c&sp=r&sig=6KPFd0K0fHPDY8%2BdIblOKYVeAK7maN0JAv2DmwEs7g8%3D)

#### App Linked Data Sources

For details on Linked app datasource see [Widget Configurations](/product/docs/widget-configurations-2).

#### Output Configuration

Define the elements that will be presented (possibly calculated) on the waterfall chart:

**Enter general elements:**

- *Waterfall type*: Core by default - other options require a specific license
- *Y-axis*: Optional label for the vertical axis of the waterfall chart

**Define the graph components:**

- **Bars**: Click the ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(689).png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A14%3A01Z&se=2026-11-06T22%3A14%3A01Z&sr=c&sp=r&sig=6KPFd0K0fHPDY8%2BdIblOKYVeAK7maN0JAv2DmwEs7g8%3D) button, then enter:
  - *Name*: The bar name, which will be displayed below it on the horizontal axis
  - *Column type*: Choose between: ![image.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image%28669%29.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A14%3A01Z&se=2026-11-06T22%3A14%3A01Z&sr=c&sp=r&sig=6KPFd0K0fHPDY8%2BdIblOKYVeAK7maN0JAv2DmwEs7g8%3D)
    - *Point*: the bar will represent a point of the app's data sources. Select: ![image.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image%28676%29.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A14%3A01Z&se=2026-11-06T22%3A14%3A01Z&sr=c&sp=r&sig=6KPFd0K0fHPDY8%2BdIblOKYVeAK7maN0JAv2DmwEs7g8%3D)
      - *Data*: a point, attribute or calculation from the app's data sources.
      - *Type*: Aggregated
    - *Sum based on previous columns*: the bar will represent the sum of all the bars that are to its left on the graph (and above in this configuration part). No additional configuration elements are necessary.
    - *Computed*: the bar will represent a value calculated from an expression. ![image.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image%28677%29.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A14%3A01Z&se=2026-11-06T22%3A14%3A01Z&sr=c&sp=r&sig=6KPFd0K0fHPDY8%2BdIblOKYVeAK7maN0JAv2DmwEs7g8%3D)
      - Click the ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(690).png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A14%3A01Z&se=2026-11-06T22%3A14%3A01Z&sr=c&sp=r&sig=6KPFd0K0fHPDY8%2BdIblOKYVeAK7maN0JAv2DmwEs7g8%3D) button
      - Enter the calculation formula,using the available information listed, in curly brackets: ![image.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image%28683%29.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A14%3A01Z&se=2026-11-06T22%3A14%3A01Z&sr=c&sp=r&sig=6KPFd0K0fHPDY8%2BdIblOKYVeAK7maN0JAv2DmwEs7g8%3D) Note: Although it is possible to use the numeric identifiers of the variables (see bellow), it is preferable to provide their names: the identifier is less meaningful, and it is also altered if a column is moved (which is not the case for the name). ![image.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image%28682%29.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A14%3A01Z&se=2026-11-06T22%3A14%3A01Z&sr=c&sp=r&sig=6KPFd0K0fHPDY8%2BdIblOKYVeAK7maN0JAv2DmwEs7g8%3D)

> [!NOTE]
> **Bar position and size**
> 
> - For all bar types, the height of the bar corresponds to the value represented.
> - Except for the "Sum" column type, the y-coordinate of each bar starts at the y-coordinate of the previous bar (0 for the first bar).
> - For the "Sum" column type, the bar starts at the y-coordinate of the previous sum bar (0 if none).

Once created, any bar can be moved up or down using the ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(691).png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A14%3A01Z&se=2026-11-06T22%3A14%3A01Z&sr=c&sp=r&sig=6KPFd0K0fHPDY8%2BdIblOKYVeAK7maN0JAv2DmwEs7g8%3D) and ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(692).png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A14%3A01Z&se=2026-11-06T22%3A14%3A01Z&sr=c&sp=r&sig=6KPFd0K0fHPDY8%2BdIblOKYVeAK7maN0JAv2DmwEs7g8%3D) buttons. It can also be deleted using the ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(693).png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A14%3A01Z&se=2026-11-06T22%3A14%3A01Z&sr=c&sp=r&sig=6KPFd0K0fHPDY8%2BdIblOKYVeAK7maN0JAv2DmwEs7g8%3D) button.

- **Labels**: Labels are texts above the waterfall chart, allowing to name and color groups of adjacent bars. Click the ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(694).png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A14%3A01Z&se=2026-11-06T22%3A14%3A01Z&sr=c&sp=r&sig=6KPFd0K0fHPDY8%2BdIblOKYVeAK7maN0JAv2DmwEs7g8%3D) button, then enter:
  - *From*: Select the first data point in the group. The listed points correspond to the names of the bars created in the *Bars* section.
  - *To*: Select the last data point in the group.
  - *Text*: Enter the label of the bar group.
  - *Color*: Pick the color of the bar group, for light and dark modes

- **Zones**: Zones are another way to group adjacent bars inside the waterfall chart, as colored areas. Click the ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(695).png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A14%3A01Z&se=2026-11-06T22%3A14%3A01Z&sr=c&sp=r&sig=6KPFd0K0fHPDY8%2BdIblOKYVeAK7maN0JAv2DmwEs7g8%3D) button, then enter:
  - *From*: Select the first data point in the zone.
  - *To*: Select the last data point in the zone.
  - *Text*: Enter the label of the zone.
  - *Show zero values*: If this option is disabled (default), bars containing a zero value will be missing from the chart. If enabled, these bars will be included in the chart.
  - *Color*: Pick the color of the zone, for light and dark modes

Any label and zone can be deleted using the ![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image(696).png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A14%3A01Z&se=2026-11-06T22%3A14%3A01Z&sr=c&sp=r&sig=6KPFd0K0fHPDY8%2BdIblOKYVeAK7maN0JAv2DmwEs7g8%3D) button.

**Example output for the simple and hypothetical output configuration above:** ![image.png](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image%28685%29.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A14%3A01Z&se=2026-11-06T22%3A14%3A01Z&sr=c&sp=r&sig=6KPFd0K0fHPDY8%2BdIblOKYVeAK7maN0JAv2DmwEs7g8%3D)

### Advanced tab

This tab lets you configure optional legend texts displayed below the graph:

![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-3UNVI7NL.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A14%3A01Z&se=2026-11-06T22%3A14%3A01Z&sr=c&sp=r&sig=6KPFd0K0fHPDY8%2BdIblOKYVeAK7maN0JAv2DmwEs7g8%3D)

- **Positive legend text:** legend for positive values
- **Negative legent text:** legend for negative values

![](https://cdn.document360.io/a0786c0f-b171-4b24-8860-c32eb7ef2738/Images/Documentation/image-N775A1JA.png?sv=2026-02-06&spr=https&st=2026-11-06T21%3A14%3A01Z&se=2026-11-06T22%3A14%3A01Z&sr=c&sp=r&sig=6KPFd0K0fHPDY8%2BdIblOKYVeAK7maN0JAv2DmwEs7g8%3D)