Waterfall Chart

  • Last update:November 05, 2024
  • Overview

    Application Scenario

    Waterfall charts combine absolute and relative values to display the quantity change relationship between several specific values. This chart can reflect the amount of data while directly showing the process of data increase or decrease.

    In terms of application scenarios, waterfall charts are commonly used for business analysis to illustrate the change from one value to another. For example, they can be used to evaluate company profits, compare product returns, highlight budget changes for projects, analyze inventory or sales situations over a period of time, display changes in product value over a period of time, and so on.

    15.jpg


    Basic Requirement

    Basic requirements for waterfall charts are shown in the following table.

     

    Chart Effect
    Dimension Field 

    Indicator Field

    Waterfall Chart

    >=12


    Chart Feature

    Advantage: Waterfall charts reveal how two data points change and how data is accumulated.

    Disadvantage: Waterfall charts can only be used in some scenarios.


    Example

    This document demonstrates the quantity changes of various components that make up the salary.

    Data Preparation

    1. Downloading the Example Data

    You can download the example data. Salary Composition.xlsx

    The data relationship is as follows: Base Pay + Performance-related Pay + Overtime Pay = Due Pay; Due Pay - Insurance - Provident Fund - Personal Income Tax = Net Pay.

    1.png

    2. Creating an Analysis Subject

    Log in to the FineBI system as the admin, click My Analysis, select a folder, and click New Subject.

    2.png

    3. Uploading Data

    Click Local Excel and click Upload Data to upload the downloaded example data. 

    3.png

    After the data is uploaded, click OK.

    4.jpg

    4. Adding a Formula Column

    Click Formula Column. Add a function to make the data value 0 for Due Pay and Net Pay, while other data remains unchanged.

    Column Name: Cumulative Value Preparation

    Formula: IF(Item="Due Pay"||Item="Net Pay", 0, Data)

    iconNote:
    The Item and Data fields in the formula are generated by clicking the corresponding fields on the left of the following figure, and you are not advised to directly copy and paste the above formula.
    5.jpg

    5. Adding a Summary Column

    Click Summary Column. Add up the Cumulative Value Preparation field as shown in the following figure.

    Column Name: Y Value Preparation

    Summary Field: Cumulative Value Preparation

    Summary Method: Cumulative Value

    6.jpg


    6. Adding a Formula Column

    Click Formula Column. Add a function to calculate the starting point on the y-axis for each column.

    Column Name: Y Value

    Formula: IF(Item="Base Pay"||Item="Due Pay"||Item="Net Pay",0,Y Value Preparation-Cumulative Value Preparation)

    iconNote:
     The ItemY Value Preparation, and Cumulative Value Preparation fields in the formula are generated by clicking the corresponding fields on the left of the following figure, and you are not advised to directly copy and paste the above formula.

    7.jpg


    7. Saving and Preview

    Click Save and Update and click Exit and Preview. The final data is shown in the following figure.

    8.jpg

    Component Creation

    1. Click Component in the lower left corner.

    2. Drag the Item field into the dimension bar and the Y Value and Data fields into the indicator bar.

    3. Click the Waterfall Chart icon in Chart Type. /

    iconNote:

    In the indicator bar, the Y Value field should be placed before the Data field.

    10.jpg

    4. Click the icon 企业微信截图_17034958875941.png and select Customize Sort for the Item field from the drop-down list.

    11.jpg

    Component Beautifying

    Setting the Label

    Drag the Data field into the label bar.

    12.jpg

    Setting the Color

    Drag the Data field into the color bar and set the color based on the value's magnitude.

    13.jpg

    Removing the Legend

    Click Legend in Component Style and deselect Display All Legends.

     14.jpg

    iconNote:
    For more styles, see Graphic Properties and Chart Component Style.

    Effect Display

    On PC

    15.jpg

    On Mobile Terminals

    The following figure shows the preview effect on the DataAnalyst app and in HTML5.

     15.jpg

     


    附件列表


    主题: Visual Components
    Previous
    Next
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy