Contextual Data Tooltips

Contextual Data Tooltips


  1. Tooltip configuration allows you to display additional information from the source dataset that is not directly plotted on the chart.
  2. This enhances data visibility by providing contextual insights when users hover over chart elements.

 

Overview

  1. Tooltip displays:
  1. Plotted columns (already used in the chart)
  2. Additional configured columns (added via Tooltip configuration)
  1. The values shown are always contextual to the hovered data point (category/segment).

 

How Tooltip Works

  1. Suppose chart is plotted with configurations of -Region, Category and Profit (sum).


  1. This chart is configured with the Tooltip Configuration available under Tooltip formatter: Category with ‘First’ aggregation, SubCategory with ‘First’ aggregation, Quantity with ‘Sum’ aggregation.


After configuration:


  1. When a user hovers over a chart:
  1. Tooltip shows values for:
  1. Chart plotted columns
  2. Tooltip-configured columns, as highlighted in below Figure.


  1. As can be seen from below figure, the chart tooltip now shows additional information on same configuration of chart. Chart shows data for the hovered column plotted for: Region as Europe and Category as ‘Groceries’.
  2. The tooltip configured data is shown as: First Category is Groceries, First SubCategory is Mobile and Sum of Quantity is 42 for the Region as Europe and Category as ‘Groceries’.
  3. Thus, the data is for tooltip configured columns is aggregated based on the plotted category/categories, ensuring relevant information is displayed.

 

Supported Aggregations

For Categorical Columns:


  1. Count
  2. Count Distinct
  3. First (Default aggregation)
  4. Last
  5. Percentage (supported across Count and Count Distinct aggregations)


For Measure Columns:


  1. Sum (Default aggregation)
  2. Average
  3. Count
  4. Count Distinct
  5. Maximum
  6. Minimum
  7. Percentage (supported across aggregations)

 

Configuring Tooltip

  1. Navigate to Tooltip Formatter >> Expand >> Tooltip Configuration option is displayed.
  2. Drag and drop columns from the dataset into the Tooltip section
  3. Hover on added columns in Tooltip Configuration to see the gear icon.
  4. Click gear icon and Configure aggregation as required.

 

Key Capabilities


  1. Add new columns to tooltip
  2. Remove existing columns
  3. Update aggregation or column selection
  4. Reorder columns (sequence defines display order)

The display sequence in the tooltip follows the same order as configured.

 

Behavior


  1. Tooltip includes:
    1. Chart-configured fields
    2. Tooltip-configured fields
  2. This is a chart-specific configuration (applies only to the selected chart)
  3. The tooltip data is run-time data for the tooltip configured columns as per the chart configuration.
The tooltip configuration is supported for all valid configurations of the charts.

 

Non-Supported Charts

Tooltip configuration is available for all chart types that support tooltips, except:


  1. Filter Widget
  2. Parameter Widget
  3. Text
  4. Image
  5. HTML
  6. Shape
  7. Python
  8. Histogram Chart
  9. Table
  10. Cross Table
  11. Sparkline Charts
  12. Card


Notes


  1. Tooltip formatting is uniform across all configured tooltip columns
  2. Individual column-level formatting is currently not supported

 




    • Related Articles

    • Tooltip

      The Tooltip is a little box that pops up when you hover over the widget. It is always attached to something, like a bar on a bar chart or a dot on a line chart. Tooltip provides us the contextual information and additional important information on a ...

    • Exporting Chart and Chart Data

      Exporting charts and data helps you store/save them in your device or on the cloud. You can then share or view the chart in PDF format and data in CSV format. Exporting Chart in PDF To export the chart, follow the steps given below. Create the number ...

    • Formatting a Chart

      This formatting is applicable for widgets that do not have axes. For example, chart formatting is possible for widgets such as Pie Chart and Donut Chart. To format the chart, follow the steps given below. Create the number of charts as required. ...

    • Expand View option for Chart

      The Expand View feature allows users to focus on a specific chart widget by expanding it to a full modal view. This provides a clearer and more detailed visualization of complex or dense data that may not be fully visible in the default dashboard ...

    • Card Chart Data Labels Datetime formatting

      Card chart when plotted with Date/Interval column types with Minimum/Maximum aggregation shows the Minimum/Maximum date out of that column. Default date format is displayed in ISO format. The customization for datetime can be done using the available ...