Dashboards & Visualizations

how to change color of tspan for singlevalue ?

sfatnass
Contributor

i have a single value using nunber format (unit)
and i need to change color of only number format, not all result.

how can i do that?

Tags (2)
0 Karma
1 Solution

sfatnass
Contributor

i found something but really what i want

  document.getElementsByClassName("single-result-unit")[0].style.fill = "red";

View solution in original post

0 Karma

sfatnass
Contributor

i found something but really what i want

  document.getElementsByClassName("single-result-unit")[0].style.fill = "red";
0 Karma

inventsekar
Ultra Champion

not sure, maybe check this -
https://splunkbase.splunk.com/app/1603/

on the first screenshot, top right, there is a single value dashboard. maybe, this will give you some ways to edit.

0 Karma

sfatnass
Contributor

yes i have this app but there is nothing around my question.
so thx for your reply

0 Karma

inventsekar
Ultra Champion

Note: For queries using stats to aggregate results, only the color by value option is available.
You can also adjust the color mode to change whether colors appear in the foreground or background.

https://docs.splunk.com/Documentation/SplunkCloud/6.6.0/Viz/SingleValueFormatting

the rangemap can give some more options.
https://answers.splunk.com/answers/103239/change-color-of-single-value-visualization.html

0 Karma

sfatnass
Contributor

in 2017 we can't do more with css?

0 Karma

inventsekar
Ultra Champion

well, yes, not sure why splunk developers didnt think of CSS options.

the other dashboards are having so many options with xml editings.

for single value dashboard, when you try to edit it, you are given the option to change colors.

0 Karma

Richfez
SplunkTrust
SplunkTrust

Could you explain this more? What do you mean by "Change color of only number format, not all result"? What number format?

What does a current number and number format look like now, and what do you want different? Can you upload a screenshot to imgur.com (or other image sharing site) and link here? Then describe what changed you'd like?

Thanks!

0 Karma

sfatnass
Contributor

ok this is what we have i we use a simple singlevalue, the result is alpha and the unit is F1

normal single value

now i need to get something like this :

the aim

but nothing work with css i think it's svg coloration.

0 Karma
Get Updates on the Splunk Community!

Splunk Observability Cloud | Unified Identity - Now Available for Existing Splunk ...

Raise your hand if you’ve already forgotten your username or password when logging into an account. (We can’t ...

Index This | How many sides does a circle have?

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

Registration for Splunk University is Now Open!

Are you ready for an adventure in learning?   Brace yourselves because Splunk University is back, and it's ...