TreeMap Chart on click effect

[imtiyaz hirani]

 I am trying to integrate TreeMap chart in the UI. I want to know, if its possible to have some sort of indicator after an item on the map is clicked. Does it raise above the background like z-index setting or something when clicked.

TreeMap Link From Demo: 

https://ej2.syncfusion.com/angular/demos/#/material/treemap/layout

My Template: 

    [leafItemSettings]='leafItemSettings'  [tooltipSettings] = 'tooltipSettings'

    [rangeColorValuePath] = 'rangeColorValuePath'>

   

[Swetha Babu]

Hi Imtiyaz,

Thank you for contacting Syncfusion support.

We can achieve your requirement by setting border color in the treemap item when the itemClick event is triggered in the Treemap control. We have created a simple angular sample to demonstrate the same and it can be downloaded from the following link.

https://www.syncfusion.com/downloads/support/forum/160339/ze/treemap-1404670087

In the above sample, when we click on the item in the treemap, the itemClick event gets triggered. In that event, we have set the border color to the SVG Rect element. Please let us know if the above sample meets your requirement.

Please let us know if you need any further assistance.

Regards,
Swetha Babu