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!

Observability Unlocked: Kubernetes Monitoring with Splunk Observability Cloud

 Ready to master Kubernetes and cloud monitoring like the pros? Join Splunk’s Growth Engineering team for an ...

Update Your SOAR Apps for Python 3.13: What Community Developers Need to Know

To Community SOAR App Developers - we're reaching out with an important update regarding Python 3.9's ...

October Community Champions: A Shoutout to Our Contributors!

As October comes to a close, we want to take a moment to celebrate the people who make the Splunk Community ...