Solved: Font size

Khuzair81 · ‎07-13-2021

Hi All,

I have a dashboard with chart which is representing Count by Dates. I have increased the font size of count value but need help in increasing the font size of Date. Below XML I'm using currently.

<row>
    <panel>
        <html>
             <style>
                #test th{
                   font-size: 15px !important;
                   font-weight: bold !important;
                   } 
              </style>         
         </html>
    </panel>
</row>

Thanks

ITWhisperer · ‎07-18-2021

It might depend on the chart type - assuming column chart - try this:

        <style>
          #test g.highcharts-xaxis-labels text {
            font-size: 13px !important;
            font-weight: bold !important;
          }
        </style>

View solution in original post

ITWhisperer · ‎07-15-2021

You mentioned that you are using a chart, yet the CSS style you shared is for table headers (th). Is your "chart" actually a table and you want the table data (td) font size to change as well or is there something else going on?

Khuzair81 · ‎07-15-2021

Sorry @ITWhisperer. I posted the wrong one

PFB

<row>
    <panel>
        <html>
             <style>
                #test g[transform] {
                   font-size: 15px !important;
                   font-weight: bold !important;
                   } 
              </style>         
         </html>
    </panel>
</row>

Khuzair81 · ‎07-17-2021

@ITWhisperer any help.

ITWhisperer · ‎07-18-2021

It might depend on the chart type - assuming column chart - try this:

        <style>
          #test g.highcharts-xaxis-labels text {
            font-size: 13px !important;
            font-weight: bold !important;
          }
        </style>

garima_13 · ‎03-14-2024

Thank you @ITWhisperer this saved my day.. I read so many posts and saw videos on how to change font size of column charts and your solution was spot on.

Khuzair81 · ‎07-18-2021

@ITWhisperer thanks for the help. Is there any doc where i can get these for all type visualization. It will be really helpful.

ITWhisperer · ‎07-18-2021

If there is any documentation, I am unaware of it, I just inspect the html and figure out what elements and classes and other specifiers to use. Obviously, the issue with that is that sometimes the viz implementation varies between splunk releases so you have to keep an eye on how your dashboards are operating under different releases.

Font size

chart

panel

Extending Observability Content to Splunk Cloud

More Control Over Your Monitoring Costs with Archived Metrics!

New in Observability Cloud - Explicit Bucket Histograms