All Apps and Add-ons

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

New Member

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?

0 Karma

Path Finder

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>
0 Karma

Splunk Employee
Splunk Employee

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

0 Karma

Splunk Employee
Splunk Employee

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?

0 Karma

New Member

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.

0 Karma

Splunk Employee
Splunk Employee

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.

0 Karma