How to put several graphs "gauge" on the same webpage

[Phil353556]

Hello,

How to have several "gauge" graph on a row and not one behind the previous ?
Thanks for any idea
Phil

[Phil353556]

hi,
I saw class=bb , may be it is needed to overwrite but how to do that in a good way?

Thanks
Phil

[netil]

Hi @Phil353556, you can override or re-style default css.
Don't know exactly what want to achieve, but made a simple example might help.

• https://jsfiddle.net/netil/by1m5fu0/

[Phil353556]

Hi,
What I should like to have is : all the four gauges on a same line or row.
Something like this:

I didn't see what should be overiden to achieve this result.

I look at your example, what about for css, to modify inline by inline-flex?
display: inline-flex;

Thank you so much for your help
Phil

[netil]

@Phil353556 well in that case, is not about chart functionality. Is about positioning elements.
There're several ways to do that, but simple ways is

.bb {
   width: 150px;  /* set the width you need */
   float: left;
}

Checkout working example:

• https://jsfiddle.net/627dfr90/2/

[Phil353556]

thanks,
but in this case

before the div doesn't center the gauges on the webpage.

[netil]

well, in that case add some container element

• https://jsfiddle.net/netil/eb3Lqdth/3/

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.bb {
   width: 150px;
}