Re: Treemap - Custom Visualization: How to get Too...

martinstack · ‎04-27-2017

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?

Kenshiro70 · ‎08-28-2018

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 · ‎07-30-2021

Thanks, This did the trick! Cheers!

frobinson_splun · ‎04-27-2017

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

frobinson_splun · ‎04-27-2017

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?

martinstack · ‎04-27-2017

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.

frobinson_splun · ‎04-27-2017

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.

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

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Index This | What travels the world but is also stuck in place?

Discover New Use Cases: Unlock Greater Value from Your Existing Splunk Data

Continue Your Journey: Join Session 2 of the Data Management and Federation Bootcamp ...

Join the Conversation