A custom tooltip in Power BI is a user-defined report page designed to display additional, contextual information when a user hovers over a visual element (such as a bar, line, or data point) in another report page. To create a custom tooltip;
- Add a new page and go to canvas setting, change the page type to tool tip
 
- Change the vertical alignment to the middle
 
- Add a text box to it and align it in the middle
 
- Go to effects and turn on the visual boarder, give it a color, let’s say blue, add the rounded corners to 10
 
- To add names for the profit, discount and gross sales, go to insert, button and click on blank
 
- Click on style and enable the text (ON) and write profit
 
- Enable visual boarders and give the shape the look and color you desire
 
- Duplicate it and bring it down, go to style and change the text to discount.
 
- Duplicate it and bring it down, go to style and change the text to Gross sales.
 
- To properly align, select all, go to format, click on align and duplicate vertically
 
- Next we add the card
 
- Put the card in the text box and shrink it to same size as the button. Click on format painter to give it the same look as the buttons.
 
- Click on the box, then go ahead and add the profit from the sample data set into it.
 
- Go to format visual, call out value and reduce the font size to 12 to make it clear and concise
 
- Turnoff the category label
 
- Duplicate it, select each card and set it to the button figure, i.e Discount and Gross sales
 
- Rename the page to tooltip1 for easier recognition
 
- Add another page, click on stacked bar chart
 
- In the dataset, click on sales and product
 
- Go to visualizations, click on general, tool tip and under page, select tooltip1
 
- Now, when you hover on any of the charts, you can see the profit, discount and gross sales.
 
Leave a Reply