topic Re: Treemap - Custom Visualization: How to get Tooltips and Drilldowns to work? in All Apps and Add-ons

Treemap - Custom Visualization: How to get Tooltips and Drilldowns to work?

martinstack — Thu, 27 Apr 2017 19:18:47 GMT

HI,

Trying without any luck to get a tooltip to appear and a drilldown to work as documented here:

http://docs.splunk.com/Documentation/Treemap/1.1.1/TreemapViz/TreeMapComponents

(from the above link)

Interactive elements:

Click a rectangle in a treemap to get more information.

Tooltips Hover on a rectangle to see a
tooltip with details about the
category.

Drilldown Click on a child rectangle
to open a search using the child
category values.

Zoom

Click on a parent rectangle to zoom in on the parent category and its child categories.

It says that is has tooltips and drilldowns, but no examples given! It seems the only interactive element that works as listed is the Zoom?

How does it work Splunk? Who wrote this doc?

Re: Treemap - Custom Visualization: How to get Tooltips and Drilldowns to work?

frobinson_splun — Thu, 27 Apr 2017 20:52:43 GMT

Hi @martinstack,
I work on custom visualization documentation. As far as I know, tooltips and drilldown should work and do work as described in our docs, in a test instance I just checked. A couple questions for troubleshooting purposes:

What browser are you using?

What Splunk Enterprise software version and treemap app version are you using?

What query are you using to generate a treemap?

Re: Treemap - Custom Visualization: How to get Tooltips and Drilldowns to work?

frobinson_splun — Thu, 27 Apr 2017 21:01:20 GMT

For examples, I would suggest taking a look at the "Treemap gallery" dashboard that is packaged with the treemap app download from Splunkbase. The treemap visualizations here include tooltips and drilldown. You can click "Edit" to inspect the Simple XML source code, if you would like further detail.

Re: Treemap - Custom Visualization: How to get Tooltips and Drilldowns to work?

martinstack — Thu, 27 Apr 2017 21:19:17 GMT

Hi @frobinson

Latest splunk, latest version of treemap and latest version of Firefox.

I can confirm it IS working in other browsers, but the drilldown and tooltips and not working in Firefox.

Re: Treemap - Custom Visualization: How to get Tooltips and Drilldowns to work?

frobinson_splun — Thu, 27 Apr 2017 21:34:40 GMT

Thanks for your notes. The firefox display problem is a known issue and we're working on a fix for it in the next treemap release.

See the known issues listed here:
http://docs.splunk.com/Documentation/Treemap/1.1.1/TreemapViz/TreeMapReleaseNotes

Re: Treemap - Custom Visualization: How to get Tooltips and Drilldowns to work?

Kenshiro70 — Tue, 28 Aug 2018 14:59:02 GMT

It looks like Firefox (and now Chrome) are now registering events to objects which have no fill. Add this to your dashboard and it should work:

  <row depends="$HideCSS$">
    <panel>
      <html>
        <style>
          .splunk-treemap foreignObject.foreignobj {
            pointer-events: none;
          }
        </style>
      </html>
    </panel>
  </row>

Re: Treemap - Custom Visualization: How to get Tooltips and Drilldowns to work?

damiensurat — Fri, 30 Jul 2021 20:44:57 GMT

Thanks, This did the trick! Cheers!