All Apps and Add-ons

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

martinstack
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

Kenshiro70
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>

damiensurat
Contributor

Thanks, This did the trick!  Cheers!

0 Karma

frobinson_splun
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

frobinson_splun
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

martinstack
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

frobinson_splun
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
Get Updates on the Splunk Community!

Index This | I am a number, but when you add ‘G’ to me, I go away. What number am I?

March 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with another ...

What’s New in Splunk App for PCI Compliance 5.3.1?

The Splunk App for PCI Compliance allows customers to extend the power of their existing Splunk solution with ...

Extending Observability Content to Splunk Cloud

Register to join us !   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to ...