Solved: Re: help to change the chart label size

jip31 · ‎03-01-2022

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>

SanjayReddy · ‎03-02-2022

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

without code

View solution in original post

SanjayReddy · ‎03-02-2022

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.

jip31 · ‎03-02-2022

Hi

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

SanjayReddy · ‎03-02-2022

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

without code

jip31 · ‎03-02-2022

perfect, many thanks

help to change the chart label size

October Community Champions: A Shoutout to Our Contributors!

Community Content Calendar, November Edition

Stay Connected: Your Guide to November Tech Talks, Office Hours, and Webinars!

Are you a member of the Splunk Community?

help to change the chart label size

October Community Champions: A Shoutout to Our Contributors!

Community Content Calendar, November Edition

Stay Connected: Your Guide to November Tech Talks, Office Hours, and Webinars!