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!

Your Feedback. Our Roadmap. Visit the PX Feedback Booth at .conf26

You use Splunk every day, come and help shape what's next.  Save Your Seat: Product-Focused Sessions at ...

Agentic SOC Triage: Investigating Splunk ES Notables with MCP Server and a Local LLM

The Problem: Too Many Alerts, Too Little Context Security operations teams running Splunk Enterprise Security ...

Painting a Clearer Picture: Creating Cross-Domain Visibility with AI Canvas

Watch Now Painting a Clearer Picture: Creating Cross-Domain Visibility with AI Canvas     Do you ever feel ...