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
Get Updates on the Splunk Community!

Index This | I am a number, but when you add ‘G’ to me, I go away. What number am I?

March 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with another ...

What’s New in Splunk App for PCI Compliance 5.3.1?

The Splunk App for PCI Compliance allows customers to extend the power of their existing Splunk solution with ...

Extending Observability Content to Splunk Cloud

Register to join us !   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to ...