Tooltips allow users to display the selected data information for plots by hovering over the dashboard scenarios. This topic will give the details about customizing the dashboard tooltips.

You can customize the tooltip while creating a dashboard or you can open the existing one where you want to add the customized tooltip and edit it, using the Inspector tab.

We are creating a dashboard with a Column Chart and a Data Table scenarios, and we will customize the dashboard tooltip in this example. Follow the steps below to customize the tooltip.

1. On the Document Portal, go to Create (+) > Create Dashboard.

Add a Column Chart Scenario

2. From the Data Visualization tab on the left of the dashboard designer, drag and drop a Column Chart on the design area.

3. From the Data Binding tab on the right, select Retail Dataset, which is already available to us. We will use this chart to analyze the revenue generated vs year.

4. Drag and drop the data fields as follows and see how the chart title is automatically generated.

   Data Binding Property	Field
   Values	Revenue
   Axis (Category)	Year

   
   

Add a Data Table Scenario

5. From the Data Visualization tab on the left of the dashboard designer, drag and drop a Data Table on the design area.

6. From the Data Binding tab on the right, select Retail Dataset, which is already available to us.

7. Drag and drop the data fields as follows and see how the chart title is automatically generated.

   Data Binding Property	Field
   Columns	Quantity, Product Line, Year, Retailer Country
   Tooltip	Product

   
   

   Note: To display the tooltip for the Data Table scenario, you need to set the Tooltip Mode to Show under the Inspector tab. For more details, refer topic Customize Scenario Tooltip

Customize Dashboard Tooltip

8. Click the Dashboard tab. You can see the Tooltip properties under the Inspector tab on the right side of the design area.

   
   

   
   

   
   

   All the properties of the tooltip are defined below in the table.

   Tooltip Property	Description
   Font Setting	Set the dashboard tooltip text font family, font size, font color, and font style using these property options.
   Background Color	Set the background color of the tooltip by selecting a color from the color palette using this property.
   Background Gradient	Set the background gradient style and color of the tooltip by selecting a color from the color palette using this property.
   Background Image	Add an embedded, shared, or external image as a background image for the tooltip.
   Border Color	Set the border color of the tooltip using this property.
   Border Width	Set the border thickness of the tooltip using this property.
   Border Radius	This is the corner radius of the tooltip.
   Padding	To create space around the tooltip text, set a padding value.
   Series Symbol Type	This is applicable for the single scenario tooltip. For this, the Tooltip Mode of the dashboard scenario has to be set to Category. It has the following options: None, Circle (Default), Line, and Square.

9. In this example, we have set the dashboard properties as shown below in the image.

   
   

   
   

10. Click Preview and hover the mouse over the dashboard. The customized tooltip will be displayed.

    
    

    
    

The dashboard tooltip content is generated on its own. If you want to change the text of the content for each scenario, then you need to go to the tooltip settings to edit the content in the 'Tooltip Setting' dialog. For more details, refer topic Customize Scenario Tooltip

Note: The tooltip settings set in the 'Tooltip Setting' dialog (for a particular scenario) have priority over the Dashboard Tooltip settings.