Articles in this section

How to Configure Data Label Position in the Waterfall Custom Widget

Published:

Overview

The Waterfall Custom Widget supports configurable data label positions that allow you to control where values are displayed. Adjusting label positions improves readability and helps prevent label trimming or overlap. This property offers four options Top, Middle, Bottom, and Outer enabling precise positioning to enhance visibility and readability.

Proper data label positioning helps avoid issues such as trimming labels on the right side, ensuring a cleaner and more professional chart presentation.


Step-by-Step Instructions

Step 1: Upload the Custom Widget to Your Bold BI Server

  1. Download the Waterfall custom widget and save the package to your local machine.
  • Go to General Setting locate the designer and select the widget.
    image.png
  • Click on Add New Widget.
    image.png
  • Upload the .bicw file to Bold BI
    image.png
  • After uploading, the new widget will show in the Miscellaneous section
    Waterfall Widget in Miscellaneous Section
  1. The custom widget will be found in the Miscellaneous section of the widget palette
  2. Locate the Waterfall widget and drag and drop it onto the dashboard designer

Drag and Drop Waterfall Widget

Step 2: Access Widget Settings

  1. Click on the waterfall custom widget to select it and drag and drop it to the designer.
  2. Navigate to the Settings section of the widget properties
  3. Locate the Value Label Position property

Widget Settings Panel

Step 3: Select Label Position

Choose one of the following options for positioning data labels:

Position Description
Top Positions the data labels at the top of the bars
Middle Centers the data labels within the bars
Bottom Places the data labels at the bottom of the bars
Outer Positions the data labels outside the bars (column/bar series only)

Data Label Position Options

Step 4: Preview and Verify

After selecting your preferred position, preview the widget to ensure labels appear as desired.

Top Position

Top Position Result

Middle Position

Middle Position Result

Bottom Position

Bottom Position Result

Check for visual issues such as label trimming, particularly on the right side of the chart.


Tips for Optimal Configuration

  • Use Middle for balanced visibility if the bars are large or densely packed
  • Use Top to emphasize peak values or when values should be clearly visible above bars
  • Use Bottom if the focus is on base values or comparative analysis
  • Use Outer for cleaner bar visualization when values don’t need to be inside the bars

Related Articles

Was this article useful?
Like
Dislike
Help us improve this page
Please provide feedback or comments
NS
Written by Nabilla Salma Hassan
Updated:
Comments (0)
Access denied
Access denied