Search
  • Todd Waller

Splunk: Adding custom colors to XML/HTML dashboard charts

Hello again everyone! Welcome back! This week we will show you how to add custom colors to your dashboard charts. I used https://htmlcolorcodes.com/ to get the proper color codes but you can use whatever place you want to confirm the color codes. For this example I am using data that has a numerical value that I call "score", then I eval that score into "Severity" ranges I call "RR_Score" using the case statement, like this:



Once we have the scores in ranges I can then count the number of, in this example I will use "users", over what I call LOB by the score ranges. Like this


Then we can created a stacked bar chart that looks like this and save it as a dashboard panel so we can edit the source code:


Now go to the dashboard and edit the bar chart, we can add the charting.fieldColors option to the XML Source code for the dashboard panel, like this:


Now save the code change and you should get this:



If you are doing the dashboard in HTML, which is really the way you should do dashboards. (TIP: you can create the dashboard as XML and convert it using the "Convert to HTML option) You can add the code to the "VIEWS: VISUALIZATION ELEMENTS" portion of the HTML code. Like this:

And the HTML after the change



As you can see changing the color of the chart elements isn't difficult but know HOW to do it just takes a bit of practice. Hopefully this tip was helpful to you or what you are trying to accomplish. Have a great week!!




616 views0 comments

Recent Posts

See All

So I've been thinking today about how useful Splunk is on the "blue" side of the house. What about the Purple and Red side? What features would Splunk need to gain to add value to the other 2/3rds of