Splunk Search

help to change the chart label size

jip31
Motivator

Hi

I use this CSS code in order to enlarge the size of the data values in the bars chart

Now I also need to enlarge the x and the y axis label size

How to do this please?

<style>
    #myHighChart g.highcharts-data-label text {
            fill: white !important;
            font-weight: bold !important;
              font-size: 20px !important;     
          }        
</style>

 

Tags (1)
0 Karma
1 Solution

SanjayReddy
SplunkTrust
SplunkTrust

hi @jip31 

please use updated one , I hope you are refering  id in chart panel <chart id="size">

 <row depends="$css$">
<panel>
<html>
<style>
#size g[transform] text{
font-size:15px !important;
}
#size g.highcharts-xaxis-labels text {
font-size: 15px !important;
}
</style>
</html>
</panel>
</row>

with code

SanjayReddy_0-1646238195510.png


without code

SanjayReddy_1-1646238248192.png

 

View solution in original post

0 Karma

SanjayReddy
SplunkTrust
SplunkTrust

Hi @jip31 

can you please use this by replacing cuurent code

#size g[transform] text {
font-size:20px !important;


in panel use id size 

id ="size"

---
If this reply helps you, an upvote/Karma would be appreciated.

0 Karma

jip31
Motivator

Hi 

It works but it doesnt enlarge the x labels and the y labels and that what I need

0 Karma

SanjayReddy
SplunkTrust
SplunkTrust

hi @jip31 

please use updated one , I hope you are refering  id in chart panel <chart id="size">

 <row depends="$css$">
<panel>
<html>
<style>
#size g[transform] text{
font-size:15px !important;
}
#size g.highcharts-xaxis-labels text {
font-size: 15px !important;
}
</style>
</html>
</panel>
</row>

with code

SanjayReddy_0-1646238195510.png


without code

SanjayReddy_1-1646238248192.png

 

0 Karma

jip31
Motivator

perfect, many thanks

0 Karma
Get Updates on the Splunk Community!

Splunk Observability Cloud's AI Assistant in Action Series: Auditing Compliance and ...

This is the third post in the Splunk Observability Cloud’s AI Assistant in Action series that digs into how to ...

Splunk Community Badges!

  Hey everyone! Ready to earn some serious bragging rights in the community? Along with our existing badges ...

What You Read The Most: Splunk Lantern’s Most Popular Articles!

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...