Dashboards & Visualizations
Highlighted

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

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.

Highlighted

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

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
Highlighted

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

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
Highlighted

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

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.