Dashboards & Visualizations

changing chart title font size



I wanted to change the font size of the chart title. I was able to change the chart properties by the functions below, but unable to change the title font size.


Tried using
but no luck,
any help please?

Tags (3)


charting.chartTitle is the key that you use to set the text value of the chart title, and since the key actually predates the Flash charting system, it's not the flash player drawing that little title at all, but rather the Javascript and HTML of the FlashChart module.

The good news is that you can control it with a little custom CSS. The class is "chartTitle", and you can see it sitting out there for yourself if you use a DOM inspector like Firefox's Firebug plugin.

So you can add this to your application.css file, or create a custom.css file to hold it.

.FlashChart .chartTitle {

BONUS: If you are used to the advanced XML and you happen to already be using Sideview Utils, then you can have much more direct control over all this. Specifically, you can also render your own text into a header without too much trouble. And if you want to define an on the fly convention like charting.chartTitle.fontSize, you can. See example below:

<module name="HTML">
  <param name="html"><![CDATA[
    <h2 style="font-size:$charting.chartTitle.fontSize$;">
Get Updates on the Splunk Community!

Detecting Remote Code Executions With the Splunk Threat Research Team

WATCH NOWRemote code execution (RCE) vulnerabilities pose a significant risk to organizations. If exploited, ...

Enter the Splunk Community Dashboard Challenge for Your Chance to Win!

The Splunk Community Dashboard Challenge is underway! This is your chance to showcase your skills in creating ...

.conf24 | Session Scheduler is Live!!

.conf24 is happening June 11 - 14 in Las Vegas, and we are thrilled to announce that the conference catalog ...