pir8radio
Posts: 16
Joined: Fri Jan 14, 2022 8:33 pm

Solid Gauge Shift position up

See my layout below, all three charts are in divs with all the same specs.. you can see titles line up fine, and both pie charts line up fine.. but the Solid Gauge is a little low, I want to raise it up a little.. I have tried center: [xxx, xxx] thinking i could move just the solid gauge around, tried X: -10 i can't seem to figure it out lol. and i know its going to be super easy....

Image
pir8radio
Posts: 16
Joined: Fri Jan 14, 2022 8:33 pm

Re: Solid Gauge Shift position up

to be clear, all i need to do is move the solid gauge up by 20px or so closer to the title.
pir8radio
Posts: 16
Joined: Fri Jan 14, 2022 8:33 pm

Re: Solid Gauge Shift position up

i figured it out, i was doing the center [] in the wrong location, it needed to be under "pane:" like this:
i changed center: ['50%', '85%'] to the below.. now solid gauge looks nicely spaced with pie graphs..

pane: {
center: ['50%', '75%'],
size: '140%',
startAngle: -90,
endAngle: 90,
background: {
backgroundColor:
Highcharts.defaultOptions.legend.backgroundColor || '#EEE',
innerRadius: '60%',
outerRadius: '100%',
shape: 'arc'
}
},
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: Solid Gauge Shift position up

Hi pir8radio,

Great to hear that it works, pane.center is the right option.

In case of any further questions, feel free to contact us again.
Regards!
Mateusz Bernacik
Highcharts Developer

Return to “Highcharts Usage”