The show/hide buttons in containers and also in sheets allow us to create drill down functionalities in Tableau dashboards. Actually they make it simple to drill down in more ways than before.
Drill down with fixed sized containers
Here is an example. Given a simple bar chart by category.
Then with the click of a button, we can look into more details such Quarterly Profit and Regional Quarterly Sales.
In some of the earlier drill down techniques, we have to create a drill down with the same chart type or in the same hierarchy. Now we are no longer constrained by such limitations. We can display any kind of details as long as they are put in a container.
Steps to create a collapsible container:
- Right click the dropdown menu at top right corner of a container.
- Select "Add a show/hide button".
- This creates a floating button by default. Uncheck the floating option to make it a tiled one.
- Drag and place the button object right under the Category name. This requires a vertical container to contain the Category name and the button. Then this vertical container and the bar are placed in a horizontal container. (See the picture above) Check out the companion workbook for more details.
- Edit the button to add images (see below) for opening/closing the container.
- Add left paddings to the details container to shift the charts to the right, if you wish.
- Add Max Sales per category as a reference line to normalize all the bars.
Voila, this way we have created our first collapsible container in the dashboard. Then place two charts in the container. Click the button (When on desktop, hold Alt (Window) or Option (Mac) while clicking) to open/close the container of details.
Repeat the process for the two other categories. Then we will have a dashboard with drill down functionalities. Below is the fully extended dashboard view.
Drill down with elastic charts
Sometimes, due to filters, we may have a view of variable sizes. Here we are talking about the charts showing the details. Unfortunately, we can't use containers anymore because a container may lead to the appearance of scroll bars. So, instead of containers, we use worksheets directly, which also have Show/Hide buttons. We need to set up the elastic worksheets correctly:
- Set the page to be Fit Width. Never select Entire View.
- Uncheck Fix Height in the worksheet's top right corner drop-down menu.
- Use a Vertical container for the entire dashboard instead of the default Tiled container.
- Manually set the height of rows.
Check out the companion workbook for more details.
If you have questions, leave a comment or contact me at twitter @aleksoft
Add a comment