How to Showcase the Actual and Formatted Value in Widget Tooltip

Creating an effective dashboard involves not only displaying data but also ensuring that the information is presented in a clear and interactive manner. Tooltips are a powerful feature in Bold BI widgets that can enhance the user experience by providing additional context or detail when hovering over data points. This article will guide you through the process of customizing tooltips in Bold BI chart widgets to meet your specific requirements.

Step-by-Step Guide to Display Actual and Formatted Value

1. Configure the Chart Widget: Begin by configuring your widget. Ensure that you have bound the necessary data to the widget to represent the information you want to display.

2. Configure Tooltip Field: Next, configure the identical measure field in the Tooltip section that you are using in the Value(s) section. This will ensure consistency in the data being displayed.

3. Apply Formatting: Apply the desired formatting to the field that you have configured in the Tooltip section.
   

   

4. Render the Chart Widget: After completing the above steps, the chart widget will render with tooltips that display the Actual and Formatted value as follows:
   

   

5. Access Tooltip Customization: If you wish to disable tooltip for Value(s) section, open the properties of the chart widget and navigate to the “Customize Tooltip” dialog. This can be found under the Tooltip category within the properties.

6. Review Configured Fields: In the “Customize Tooltip” dialog, you will see a list of fields that have been configured in the Value(s), Column(s), and Row(s) sections of the widget. Review these fields to ensure they are set up as desired.
   

   

7. Disable Value(s) Field for Custom Formatting: If you wish to display the customized formatting in the tooltip, you need to disable the Value(s) field within the dialog. This will allow the tooltip to show the formatting you have applied in the previous steps.

8. Render the Chart Widget: After completing the above steps, the chart widget will render according to the customizations you have made. The tooltips should now reflect the specific requirements and formatting you have set.
   

   

By following these steps, you can enhance the interactivity and user experience of your chart widgets by providing detailed and formatted data points through tooltips.

Additional Reference

1. Tooltip Customization | Bold BI