Chart Font -- Increase Font Size

[vragosta]

I know that the css files can be modified to change the appearance of various Splunk views, but I cannot locate which css file controls the font size of the axis labels that appear in graphs.

If this is even possible--which css file can be modified to increase the font size of the axis labels?

Thanks!

[niketn]

Please refer my wiki on overriding Chart style using CSS: http://wiki.splunk.com/User_talk:Niketnilay#Topic_2:_Overriding_Chart_Styles_using_CSS

Splunk uses Highcharts to display various charts like Line, Column, Bar, Pie etc. Following are various highchart nodes that may be overridden through CSS.

Step 1 Font Size in Charts, can be changed via CSS. For example you can save the following as custom_override_highchart_style.css. The following sets x-axis label to 15px, instead of default 11px.

/* SVG Highcharts x-axis label font size*/
g.highcharts-axis-labels.highcharts-xaxis-labels text{
    font-size: 15px !important;
}

Step 2 The custom css file custom_override_highchart_style.css should be placed under $SPLUNK_HOME\etc\app<YourAppName>\appserver\static folder.

Step 3 Then add stylesheet="custom_override_highchart_style.css" in your <dashboard> or <form> node in Simple XML. For ex:

<dashboard stylesheet="custom_override_highchart_style.css">

Step 4 Finally, you would need to restart Splunk and if required, clear web browser cache.