Dashboards & Visualizations

How to change the background color of the data series tooltip in a timechart?

rjthibod
Champion

The background color of the Splunk Web timechart tooltip is all black. Depending on the data series color, it is very hard to read the data series' name in the tooltip. Is there some way in CSS or SimpleXML to control the background color of the tooltip so that I could lighten it up.

No AdvancedXML. JS extensions are fine, but CSS and SimpleXML are preferred. Assume Splunk Enterprise 6.2 or newer. Assume that the default data series colors are going to be used, i.e., I am not going to generate a custom set of series colors for all of my dashboards.

jkat54
SplunkTrust
SplunkTrust

Open the site in chrome, inspect the element in question, take note of the class of the div/etc, then either change it in chrome for temporary fixes, or for permanent fixes, edit the correct css in the app you're in. It might help to search for all css files and then search for the div/style/class within those css files using a tool like find and replace, https://sourceforge.net/projects/findandreplace/

0 Karma

rjthibod
Champion

I have inspected it in Chrome and FF. It is not very clear what to change because it looks like the tooltip background is defined under a [path] class/object, which is not something I have seen before. I am not a CSS expert, but I have been making plenty of other changes for more standard div types without issues. This case looks a little more abnormal.

0 Karma

rjthibod
Champion

It looks like .highcharts-tooltip span is part of the solution but not all of it. Any help from the Splunk Web team would be helpful.

I imagine other people want to change the background of the tooltip as well.

Get Updates on the Splunk Community!

What's new in Splunk Cloud Platform 9.1.2312?

Hi Splunky people! We are excited to share the newest updates in Splunk Cloud Platform 9.1.2312! Analysts can ...

What’s New in Splunk Security Essentials 3.8.0?

Splunk Security Essentials (SSE) is an app that can amplify the power of your existing Splunk Cloud Platform, ...

Let’s Get You Certified – Vegas-Style at .conf24

Are you ready to level up your Splunk game? Then, let’s get you certified live at .conf24 – our annual user ...