In that post, we mentioned some limitations of the method:
- Data marks, when under a tooltip sheet, are insensitive to mouse hovering
- Transitional lighting effect before a tooltip shows
Here we present a solution by which those limitations can be minimized or removed. The new solution will use a method based on vertical containers, in which, a sheet will collapse if not selected.
The main steps are as follows, assuming you have all the tooltip sheets ready.
1. Create your primary worksheet and drag it to a dashboard canvas. It could be a map or a chart where you want to add some visual tooltips.
2. Drag as many containers (in Floating mode) as tooltips into the dashboard canvas. Place them near the relevant data marks, or even on top of them if you wish.
3. Drag each tooltip sheet (in Tiled mode) into one vertical container. Set the sheet to Entire View.
4. Set up the action filter.
5. Publish it to the server. (The tooltips are only fully functional on the server.)
Here are a couple of examples using the technique. Click images to view or download the interactive versions.
Tableau Ambassador 2016 V2.0
1. Create a master tooltip sheet (that is going to be filtered by an action filter on a few dimensions).
2. Duplicate it as many times as necessary for each data mark that you want to place a tooltip. (I suggest only duplicating a few first. Test them until the design is stabilized.)
3. Create a filter for every tooltip sheet. (I create a single member set as the filter.) Place the filter in the filter shelf.
In the ambassador viz, there are 13 members so that we need to create 13 tooltip sheets. In the bar chart example, we need to create 4 tooltip sheets.
Check them out. The tooltip containers are placed randomly. Some are on top of the data marks they are associated with. But the area in the data marks are still sensitive to the mouse (Only on server though).
The transitional lighting effect is minimized. Now we might see some very thin lines lighting up briefly. It is not as visible as in the original ambassador viz or in the original bar chart example.
Discrepancy between Tableau Desktop and Server renditions
It is a bit of surprise that the desktop and server render the workbook differently. I would expect some difference but not so significant.
On desktop, a tooltip sheet on top of a data mark won't show up if I hover my mouse over the data mark.
Instead, on server, there is no problem. A rather curious discrepancy.
That's all. Hope that it can be useful to you guys.
Add a comment