Larghezza quadrata a scartamento elevato

Question

Non ho trovato un'API o una domanda precedente che indirizzi la modifica della larghezza del grafico dei dati del calibro solido.

Posso facilmente modificare la larghezza del grafico, la larghezza del grafico, il riempimento della trama, la larghezza interna ed esterna dello sfondo arco ... ma non il grafico.

Come evitare che il grafico (verde) si sovrapponga allo sfondo (bianco)? (appena creato account, quindi non si può inserire ancora le immagini)

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' 
    } 
}, 

Regolazione del '130%' non risolve il problema.

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

Grazie

Answer 1

È possibile utilizzare innerRadius su asseY.

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

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

Answer 2

Prova sottostante Codice

CURA

ho cambiato innerradius e outerradius

 background: { 
      backgroundColor: '#fff', 
      innerRadius: '60%', 
      outerRadius: '100%', 
      shape: 'arc', 
      borderColor: 'transparent' 
     } 

creare grafico con innerRadius stessa outerRadius

outerRadius è il raggio di fondo su cui mostrato lo schema con innerRadius è il raggio grafico.

Demo Edited Fiddle