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\<yourAppName>\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.
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
