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!

Splunk Observability for AI

Don’t miss out on an exciting Tech Talk on Splunk Observability for AI!Discover how Splunk’s agentic AI ...

Splunk Enterprise Security 8.x: The Essential Upgrade for Threat Detection, ...

Watch On Demand the Tech Talk on November 6 at 11AM PT, and empower your SOC to reach new heights! Duration: ...

Splunk Observability as Code: From Zero to Dashboard

For the details on what Self-Service Observability and Observability as Code is, we have some awesome content ...