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 Mobile: Your Brand-New Home Screen

Meet Your New Mobile Hub  Hello Splunk Community!  Staying connected to your data—no matter where you are—is ...

Introducing Value Insights (Beta): Understand the Business Impact your organization ...

Real progress on your strategic priorities starts with knowing the business outcomes your teams are delivering ...

Enterprise Security (ES) Essentials 8.3 is Now GA — Smarter Detections, Faster ...

As of today, Enterprise Security (ES) Essentials 8.3 is now generally available, helping SOC teams simplify ...