Dashboards & Visualizations

How to add a dynamic tooltip to a panel on a mouseover?

DarshanBK
Explorer

Hi All,

 

I am trying to create a single value panel like below and add tooltip which displays values dynamically.

DarshanBK_0-1691675680675.png

 

 

But when i implemented this, the single value panel is disappeared and the output of the mouseover tooltip query is displaying as a panel in splunk as shown below.

 

DarshanBK_1-1691675831961.png

Below is the source Code.

 

<label>Finance Job Status Clone</label>
<row>
<panel id="panel1">
<title>Functional Area</title>
<search>
<query>| makeresults | eval FA="HR and Finance ACN"</query>
<earliest>-15m</earliest>
<latest>now</latest>
</search>
<html id="htmlToolTip1" depends="$tokToolTipShow1$">
<!-- Style for Tooltip Text for center alignment with panel -->
<style>
      #htmlToolTip1{
        margin:auto !important;
        width: 20% !important;
      }
</style>
<div class="tooltip fade top in">
<div class="tooltip-arrow"/>
<div class="tooltip-inner">$tokToolTipText1$</div>
</div>
</html>
<table>
<search>
<query>*Search query*</query>
<earliest>1691485200</earliest>
<latest>1691658000</latest>
<done>
<set token="tokToolTipText1">$result.Job$</set>
</done>
</search>
<option name="refresh.display">progressbar</option>
</table>
</panel>
</row>
</dashboard>

 

 

In the above sourcecode, the output of the striked over query should appear as a dashboard panel(first screenshot) and the out put of the second search query should be appeared when we hover over that panel.

 

 

Could someone please suggest whats wrong in the above code.?

 

 

 

 

 

 

0 Karma
Get Updates on the Splunk Community!

Enterprise Security Content Update (ESCU) | New Releases

In November, the Splunk Threat Research Team had one release of new security content via the Enterprise ...

Index This | Divide 100 by half. What do you get?

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

Stay Connected: Your Guide to December Tech Talks, Office Hours, and Webinars!

❄️ Celebrate the season with our December lineup of Community Office Hours, Tech Talks, and Webinars! ...