Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Highcharts Solid Gauge Width

Tags:

highcharts

I've not found an API or previous question that addresses changing the width of the solid gauge data plot.

I can easily change the chart width, plot width, plot padding, arc background's inner and outer widths... but not the chart.

How do I prevent the chart (green) from overlapping the background (white)? (Just created account, so can't insert images yet)

https://www.dropbox.com/s/dtvekgi9uyxvpww/arc.png

pane: {
  center: ['50%', '70%'],
  size: '130%',
  startAngle: -90,
  endAngle: 90,
  background: {
    backgroundColor: '#fff',
    innerRadius: '75%',
    outerRadius: '100%',
    shape: 'arc',
    borderColor: 'transparent'
  }
},

Adjusting the '130%' doesn't solve the issue.

UPDATE::: http://jsfiddle.net/jm8E4/3/

Thanks

like image 279
lukeed Avatar asked Apr 27 '14 03:04

lukeed


1 Answers

You can use innerRadius on yAxis.

plotOptions: {
        solidgauge: {
            innerRadius: '75%',
            dataLabels: {
                y: -45,
                borderWidth: 0,
                useHTML: true
            }
        }
 },

http://jsfiddle.net/jm8E4/6/

like image 86
Sebastian Bochan Avatar answered Oct 15 '22 14:10

Sebastian Bochan