Dashboards & Visualizations

Single value

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

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

Path Finder

alt text

Looking for something like attached image

0 Karma

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

SplunkTrust
SplunkTrust

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

0 Karma

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
State of Splunk Careers

Access the Splunk Careers Report to see real data that shows how Splunk mastery increases your value and job satisfaction.

Find out what your skills are worth!