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!

Prove Your Splunk Prowess at .conf25—No Prereqs Required!

Your Next Big Security Credential: No Prerequisites Needed We know you’ve got the skills, and now, earning the ...

Splunk Observability Cloud's AI Assistant in Action Series: Observability as Code

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

Splunk Answers Content Calendar, July Edition I

Hello Community! Welcome to another month of Community Content Calendar series! For the month of July, we will ...