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!

Update Your SOAR Apps for Python 3.13: What Community Developers Need to Know

To Community SOAR App Developers - we're reaching out with an important update regarding Python 3.9's ...

October Community Champions: A Shoutout to Our Contributors!

As October comes to a close, we want to take a moment to celebrate the people who make the Splunk Community ...

Automatic Discovery Part 2: Setup and Best Practices

In Part 1 of this series, we covered what Automatic Discovery is and why it’s critical for observability at ...