Treemap : Show url friendly name and on click should navigate to url in new tab

#1

As like in table visualization , can we have treemap with url friendly name and on click of url friendly name, it should navigate to url underneath it. I have done it in table visualization however wanted to do it in treemap. so that I can use treemap as landing page to navigate to any dashboard url and treemap will get dynamic urls as per role and site/plant. Also if I add more urls in future , it will be auto adjusted in treemap.
Thanks in advance for your support.

#2

Hi Prashant,

Certainly possible. Start by creating a treemap and make sure that you include something like an ID or URL to drill into as part of the dataset.

image
image.png1351×807 123 KB

In the case of my image above, I am using [Title] as the text for the rectangles but [Id] exists in the dataset for drill down.

Once you have it set up.

  1. Go to “Set Up Interactions” and choose navigate

image
image.png746×246 12.3 KB

  1. Set up your navigation like this using a placeholder directly in your URL.

image
image.png1115×743 38.1 KB

You will need to construct a parameter mapping like I did where i am linking my [Id (Filter Value)] to a placeholder called $id$

Then i used the placeholder in the URL property.

Finally, if you are using the placeholder in the URL, check off “Use Filter Value Caption” to make sure the value of the ID is being used in your URL.

Then it just works when you click

enjoy.

#3

Thanks Jeff for your help.
Any way to hide Headers permanently? Here Url friendly name is getting repeated in both header and footer.

image
image.png1040×334 40.3 KB

#4

Hi Prashant,

As far as I can tell, you can’t remove the headers as they are kind of the point behind the tree map control. It’s interesting that you are trying to use it for navigation but maybe you should look into the small multiples control as it would allow you to build something much more cool.

You could do something like this with it if you’re willing to put in the effort to create it.

image
image.jpg1283×932 399 KB

#5

Appreciate your response Jeff.
Any way to get rid of treemap - Headers through scripting?

#6

Hi Prashant - I don’t believe there is a scripting way to do this without re-implementing your own control. I highly recommend that you explore the small multiples or menu control as an alternative.

#7

Hi Prashant - In the Layout tab of the treemap’s properties, there is a Heading Height that you are able to set to zero and effectively hide all headers.

#8

Thanks Jamie…IT worked.

#9

Happy to hear that, thanks.