cancel
Showing results for 
Search instead for 
Did you mean: 

BO Design Studio 1.6: custom CSS class for chart font size + hide data labels when overlap

0 Kudos

Hi all,

I'm trying to figure out how to have a custom CSS Class in order to:

- change font size (for both axes, legend and data labels)

- hide data labels when overlapping


Any other ideas are welcome of course. BO DS version is 16.4.1 (i.e. Release 1.6 SP4 Patch 1).

Accepted Solutions (1)

Accepted Solutions (1)

former_member234401
Active Participant
0 Kudos

hide data labels when overlapping

line chart and column

font size for the x-axis: g.v-m-main>g.v-m-xAxis>g>g>g text {font-size: 20px!important}

font size for the y-axis: g.v-m-main>g.v-m-yAxis>g>g>g text {font-size: 20px!important}

legends: g.v-m-legends>g>g>g>g text {font-size: 20px!important}

datapoints: g.v-m-main>g.v-m-plot>g>g.v-m-datalabel>g text {font-size: 20px!important}

or you could change them in the additional properties pane (you could make them responsive by using vw instead of px (calculate a % of screen size)

remember when moving to lumira designer 2.x you have to convert your application to m-mode, and this can change the way the above CSS works

Br

René

0 Kudos

Thanks Rene 🙂

Answers (2)

Answers (2)

0 Kudos

Hi René,

the charts are usually column or line type:

and:


former_member234401
Active Participant
0 Kudos

Hi your application is that build in M or commons mode ??

And for which chart type ? Line/bar/area?

screen shots are beneficial

Br

René