topic How to change color of value text in chart? in Splunk Search

How to change color of value text in chart?

feickertmd — Fri, 04 Nov 2022 16:11:14 GMT

I have a bar chart created in the which I am showing data values above the bars. However, the tallest bar has the text inside of it, and the colors blend too much. In simple XML, can I change the color of the text to darken it?

Re: Change color of value text in chart

niketn — Thu, 29 Dec 2016 18:49:01 GMT

EDITED

Since you want to make changes to column data labels which are highchart-data-labels elements not exposed by charting properties like charting.fontColor you can try one of the following options:

1) Option 1 - charting.backgroundColor
Without CSS make column chart Data Labels prominent by changing chart color to contrast
cyan
Pros - No need to modify through css.
Cons - Panel might look ugly. (White or Black background colors usually suits dashboards)

2) Option 2 - Through CSS

(i) Override the highcharts-data-label text color to the color of your choice using following css custom_highcharts.css.

/* SVG Highcharts Data Labels color overridden to blue*/
g.highcharts-data-labels text {
    fill: blue !important;
}

(ii) Place the CSS under your Splunk App folder -

$SPLUNK_HOME\etc\apps\&lt;yourAppName&gt;\appserver\static

PS:
- If you have not put any static files for your Splunk App you would need to create appserver\static folder yourself
- If you do not have access to manually place the CSS file to specific Splunk folder, you can load the same through Manage App Edit Properties using Upload asset feature.

(iii) Include the CSS file in your dashboard/form

<form stylesheet="custom_highcharts.css">

(iv) Restart Splunk (splunkd) and clear browser cache for the changes to take place.

Re: Change color of value text in chart

feickertmd — Thu, 29 Dec 2016 20:30:37 GMT

This is the text I want to change. The options you mention only change the colors of the bars.

Re: Change color of value text in chart

gokadroid — Thu, 29 Dec 2016 21:36:32 GMT

Can you please try this option and see if it works out for your version of Splunk:

<!-- Set font color (axis labels, legends) -->
        <option name="charting.fontColor">#FFDDCC</option>

Use the hex code of your choice in it.

Re: Change color of value text in chart

feickertmd — Fri, 30 Dec 2016 15:19:42 GMT

Actually did this well before your comment. Changed axis labels and legend labels, but not values

Re: Change color of value text in chart

feickertmd — Fri, 30 Dec 2016 15:20:51 GMT

Actually did this well before your comment. Changed axis labels and legend labels, but not values

Re: Change color of value text in chart

niketn — Wed, 04 Jan 2017 09:21:35 GMT

@feickertmd Can you please check and confirm whether the following solution worked for you or not?

Re: Change color of value text in chart

feickertmd — Wed, 04 Jan 2017 13:48:42 GMT

I am certain that CSS will work, but was looking for other solutions due to admin limitations. Thanks!

Re: Change color of value text in chart

feickertmd — Wed, 04 Jan 2017 13:55:21 GMT

If CSS is my only viable option, so be it!

Re: Change color of value text in chart

puneethgowda — Mon, 20 Mar 2017 20:02:06 GMT

no luck for this!

Re: Change color of value text in chart

puneethgowda — Mon, 20 Mar 2017 20:02:56 GMT

i want to change the value of the data label can any one helm me on this

Re: Change color of value text in chart

becksyboy — Wed, 03 Oct 2018 14:43:16 GMT

Thanks this worked for me

Re: Change color of value text in chart

supraja — Fri, 04 Nov 2022 09:03:41 GMT

Hi Team,

could some one please suggest on changing the data label color in bar chart . changing the font color of data label 192.