Dashboards & Visualizations

Single value

nikhilmehra79
Path Finder

How to get single value representation on a rectangle I have seen many dashboard but don't know how to do it
I am not talking about layout panel but a rectangle and number on top of it which changes color with value
I am using advanced XML without side view util

0 Karma
1 Solution

MuS
SplunkTrust
SplunkTrust

Hi nikhilmehra79,

You could use a rangemap which can be used to colorize results based on single value results and show it as gauge on a dashbord.

I once did a single value report on a dashboard, were the result was colorized based on its value like this:

alt text

To do this, you have to change/create an $SPLUNK_HOME/etc/apps/YourApp/appserver/static/applications.css and add the following lines:

.SimpleResultsTable table.enableMouseover tr td.red_cell {
background-color:red;
color:#EEEEEE;
}

.SimpleResultsTable table.enableMouseover tr td.orange_cell {
background-color:orange;
}

.SimpleResultsTable table.enableMouseover tr td.yellow_cell {
background-color:yellow;
}

You should restart Splunk after this and clear your browsers cache! If it does not work, use your browsers debugging tools and see if the correct css is loading.

cheers, MuS

View solution in original post

nikhilmehra79
Path Finder

alt text

Looking for something like attached image

0 Karma

MuS
SplunkTrust
SplunkTrust

Hi nikhilmehra79,

You could use a rangemap which can be used to colorize results based on single value results and show it as gauge on a dashbord.

I once did a single value report on a dashboard, were the result was colorized based on its value like this:

alt text

To do this, you have to change/create an $SPLUNK_HOME/etc/apps/YourApp/appserver/static/applications.css and add the following lines:

.SimpleResultsTable table.enableMouseover tr td.red_cell {
background-color:red;
color:#EEEEEE;
}

.SimpleResultsTable table.enableMouseover tr td.orange_cell {
background-color:orange;
}

.SimpleResultsTable table.enableMouseover tr td.yellow_cell {
background-color:yellow;
}

You should restart Splunk after this and clear your browsers cache! If it does not work, use your browsers debugging tools and see if the correct css is loading.

cheers, MuS

martin_mueller
SplunkTrust
SplunkTrust

Try the proposed CSS first - it changes the background colour, giving your something like your image.

0 Karma

nikhilmehra79
Path Finder

Thanks but i am looking like something as an attached image...please see attached image image with number 60 in box and the color of box i am hoping to change with value.

0 Karma
Got questions? Get answers!

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

Meet up IRL or virtually!

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

Get Updates on the Splunk Community!

Persistent Queue at TcpOut — One of Splunk's Most Practical Features

Splunk introduced persistent queueing at the tcpout layer as one of the most practical resilience features in ...

Skip the Awkward Silence: Have a .conf-ersation at .conf26

Picture this. You arrive at .conf26 already having your socializing and networking plans mapped out. No ...

Rethinking Zero Trust: From Product Purchases to Logical Control Evidence

Implementing Zero Trust (ZT) across complex environments often falters at the very beginning due to a ...