Change Display Value In Mouse Hover
Today we are back with another interesting dashboard customization.
Without wasting the time let’s get the business directly. So we have a dashboard called “Demo dashboard”.
As you can see that in the mouse hover it’s showing all of his projected values for the line chart.
But we want to change those values in the hover with our desired values. With “log_level” it’s either zero ( 0) or 1, so instead of zero (0) we want to display “CONNECT” and instead of 1, we want to display “DISCONNECT”.
The query of the given dashboard panel.
index=_internal sourcetype=splunkd log_level!="INFO" host=”sh” | eval log_level=if(log_level="ERROR",0,1) | table _time log_level
So let’s start,
Go to the $SPLUNK_HOME$\etc\apps\<appName>\appserver\static
And create the “displayOver.js”
If you want to download the sample js file please click here.
Then restart the splunk server.
# sudo /opt/splunk/bin/splunk restart
Now go back to your dashboard.
Click on “Edit” and “Source”
Then do these modifications as shown below,
Within the <dashboard> or <form> tag add script=”displayOver.js” and add the chart id as mentioned in the js within the <chart> tag.
And also need to do some little changes to populate the hover properly.
Now save the dashboard and see the magic.