Il grafico a torta Highcharts modifica dinamicamente la dimensione

Sto riscontrando un problema con un grafico a torta che ho creato nei grafici alti.Il grafico a torta Highcharts modifica dinamicamente la dimensione

A seconda della posizione delle etichette dei dati, il grafico effettivo aumenterà o diminuirà.

Abbiamo bisogno del grafico a torta per mantenere le stesse dimensioni, quindi c'è un modo per mantenere costante la dimensione della torta e forzare le etichette ad adattarsi attorno ad essa o devo semplicemente posizionare le etichette all'interno di ogni fetta?

fonte

2014-05-07 Water Monkey

Unforutantely è un comportamento di default e non si può forzare questo caso, in modo da poter utilizzare solo @Sualkcin suggerimento. –

Per il grafico a torta è necessario impostare un valore fisso size. Può essere una percentuale o un valore di pixel. Per esempio:

plotOptions: { 
     pie: { 
      size: 100 
     } 
    },

Vedi questo violino dal API http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/pie-size/

fonte

2014-05-07 19:41:25 Sualkcin

Grazie, ha funzionato. Ho impostato la dimensione su '80% 'e la torta ha mantenuto una dimensione costante. Il problema che si incontra quando si imposta la dimensione su un valore fisso è il rischio che le etichette dei dati vengano espulse dalla visualizzazione. Giocherò con la dimensione percentuale. Giocherò con la percentuale e la dimensione del DIV per vedere se posso aggiungere un po 'più spazio per le etichette dati –

Ecco un esempio di fiddle usando la dimensione con il datalabel che ora viene tagliato: http://jsfiddle.net/4GFyj/ –

Potrebbe non essere la soluzione che si desidera ma è possibile impostare la proprietà 'distance' dei 'dataLabels' su un numero inferiore o addirittura negativo per posizionarla all'interno delle sezioni di torta. Forse cambia il "colore" in bianco se lo fai. http://jsfiddle.net/4GFyj/2/ – Sualkcin

Il grafico a torta Highcharts modifica dinamicamente la dimensione

risposta

Problemi correlati