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!

.conf25 technical session recap of Observability for Gen AI: Monitoring LLM ...

If you’re unfamiliar, .conf is Splunk’s premier event where the Splunk community, customers, partners, and ...

A Season of Skills: New Splunk Courses to Light Up Your Learning Journey

There’s something special about this time of year—maybe it’s the glow of the holidays, maybe it’s the ...

Announcing the Migration of the Splunk Add-on for Microsoft Azure Inputs to ...

Announcing the Migration of the Splunk Add-on for Microsoft Azure Inputs to Officially Supported Splunk ...