Highcharts gauge fill to 100% of container

highcharts gauge
MandM picture MandM · Mar 11, 2013 · Viewed 11.3k times · Source

This functionality is available for the Pie Chart via the plotOptions size parameter, however after inspecting the Highcharts API the size isn't available for the Gauge.

size API entry for Pie Chart size API entry for Pie Chart

Considering the likeness of the two charts (being circular), I was hoping there would be a similar option but the gauge always fills some subset of the container div that I am unable to control. Has anyone else run into this issue or found a solution?

Answer

MatthewKremer picture MatthewKremer · Mar 11, 2013

By setting the spacing to zero, you can fill the entire space:

http://jsfiddle.net/mkremer90/3sngK/1/

Fiddle with the spacing parameters to change how much the chart fills. As for a percentage based like size option I can't find one either.

Related questions

Removing highcharts.com credits link

I have just purchased highcharts, but the credits link still appears on my graphs which are quite prominent on my site and it distorts the chart view. I assumed I would get an option, so how do I remove it?

Read More
How to get highcharts dates in the x axis?

Is there a standard way to get dates on the x-axis for Highcharts? Can't find it in their documentation: http://www.highcharts.com/ref/#xAxis--type When my time range is large enough, it shows dates. However, when the time range …

Read More
Reload chart data via JSON with Highcharts

I am trying to reload the data for a Highcharts chart via JSON based on a button click elsewhere in the page. Initially I would like to display a default set of data (spending by category) but then load new …

Read More