Early Access: The content on this website is provided for informational purposes only in connection with pre-General Availability Qlik Products.
All content is subject to change and is provided without warranty.
Skip to main content Skip to complementary content

Creating waterfall charts

The waterfall chart is suitable for illustrating how an initial value is affected by intermediate positive and negative values. The starting and the final values are represented by whole bars, and intermediate values by floating bars. You can also show subtotals in the chart.

You can create a waterfall chart on the sheet you are editing.

In a waterfall chart you need to use one measure for each bar in the chart. The order of the measures defines the order of the bars in the chart. For each measure, you need to define how it affects the previous value. You can add up to 15 measures in a waterfall chart.

  1. In a sheet, click to add a new visualization.
  2. Under Visualization, select Waterfall chart.
  3. Add the first measure.

    This is the first bar of the chart. By default, it will use the measure operation Add, and show a positive value.

  4. Add a second measure.

    This is the second bar of the chart. If you want to show this measure as a negative contribution, click Advanced options and in the properties panel, change Measure operation to Subtract.

  5. Continue to add measures, setting Measure operation to Add or Subtract depending on how you want them to contribute.

  6. Add subtotals. There are two ways of adding subtotal bars to the chart:

    • If you have a data field containing subtotal data, add a measure with the subtotal data and in the advanced edit mode properties panel, select Subtotals as Measure operation.
    • If you don't have a data field containing subtotal data, you can add an automatically calculated subtotal by selecting the Subtotals check box of the measure in the advanced edit mode properties panel, before where you want the subtotal bar.

When you have created the waterfall chart, you might want to adjust its appearance and other settings in the advanced edit mode. For information about styling, see Styling the waterfall chart. For information about customizing other aspects of the chart's appearance, see Changing the appearance of a visualization.

Defining your measures

You can use the Measure operation option of each measure in the advanced edit mode to set how it affects the previous value.

  • Add

    The measure value adds to the previous bar. If this is the first measure, a whole bar is shown starting at 0.

  • Subtract

    The measure value subtracts from the previous bar.

    Information noteIf the data already contains a negative sign, the result of subtraction will be a positive change.
  • Subtotals

    The measure value is considered a subtotal.

    Tip noteIf you do not have sub-totals as a field you can add subtotals automatically by enabling Subtotals in the measure before you want the subtotal.

In the waterfall chart shown above, the first bar, Sales, is defined as Add. The second bar, Sales cost, is defined as Subtract, and the third bar, Sales margin, is defined as Subtotals.

Styling the waterfall chart

With Advanced options turned on, you have a number of styling options available under Appearance in the properties panel.

Click Styling under Appearance > Presentation to further customize the styling of the chart. The styling panel contains various sections under the General and Chart tabs.

You can reset your styles by clicking next to each section. Clicking Reset all resets styles for all available tabs in the styling panel.

For general information about styling an individual visualization, see Applying custom styling to a visualization.

Customizing the text

You can set the text for the title, subtitle, and footnote under Appearance > General. To hide these elements, turn off Show titles.

The visibility of the different labels on the chart depends on chart-specific settings and label display options. These can be configured in the properties panel.

You can style the text that appears in the chart.

  1. Click Advanced options.

  2. In the properties panel, expand the Appearance section.

  3. Under AppearancePresentation, click Styling.

  4. On the General tab, set the font, emphasis style, font size, and color for the following text elements:

    • Title

    • Subtitle

    • Footnote

  5. On the Chart tab, set the font, font size, and color for the following text elements:

    • Axis label: Style the labels on the axes.

    • Value label: Style the labels for the measure values.

    • Legend labels: Style the labels of the individual legend items.

Customizing the background

You can customize the background of the chart. The background can be set by color and image.

  1. Click Advanced options.

  2. In the properties panel, expand the Appearance section.

  3. Under AppearancePresentation, click Styling.

  4. On the General tab of the styling panel, you can select a background color (single color or expression). You can also set the background to an image from your media library or from a URL.

    Information note

    To add a background image from a URL, the URL's origin needs to be added to the allowlist in your tenant's Content Security Policy. The origin must be added with the following Directive: img-src. This is done by a tenant administrator.

    For more information, see Creating a CSP entry.

    When using a background color, use the slider to adjust the opacity of the background.

    When using a background image, you can adjust image sizing and position.

Customizing the border and shadow

You can customize the border and shadow of the chart.

  1. Click Advanced options.

  2. In the properties panel, expand the Appearance section.

  3. Under AppearancePresentation, click Styling.

  4. On the General tab of the styling panel, under Border, adjust the Outline size to increase or decrease the border lines around the chart.

  5. Select a color for the border.

  6. Adjust the Corner radius to control the roundness of the border.

  7. Under Shadow in the General tab, select a shadow size and color. Select None to remove the shadow.

Did this page help you?

If you find any issues with this page or its content – a typo, a missing step, or a technical error – let us know how we can improve!