2013-10-14 16 views

risposta

5

ho pensato che forse la proprietà maxHeight lo farebbe, ma non ha potuto ottenere l'altezza di cambiare.

ho pensato che sarebbe pasticciare con la proprietà y e ha trovato uno scenario che sembra funzionare abbastanza bene. Puoi modificarlo come meglio credi.

legend:{ 
      align: 'right', 
      verticalAlign:'middle', 
      width: 200, 
      itemWidth: 100, 
      y: 85 
     }, 
+0

'y: 30' a' y: 85' sembra essere il campo che funziona. – Trevor

+0

Non ha assolutamente senso perché funzioni, ma in qualche modo fa a meno di ferire l'allineamento verticale. Ma ... l'opzione migliore che ho avuto tutto il giorno così ... –

+2

scusa non ho abbastanza reputazione per votare la tua risposta. –

0

Sembra Highcharts innesca la navigazione quando l'altezza leggenda calcolata supera certo valore. Quindi puoi aumentare l'altezza del tuo grafico se è l'opzione.

<div id="container" style="min-width: 310px; height: 450px; margin: 0 auto"></div> 
1

Highcharts calcola l'altezza della legenda in base agli elementi della legenda al suo interno. se questo supera l'altezza del grafico, ciò potrebbe causare il problema.

nella leggenda è possibile limitare l'altezza utilizzando il maxHeight, ma se l'altezza leggenda trabocca apparire i controlli di navigazione maxheight. quindi meglio calcolare l'altezza desiderata da soli e dare a maxHeight per evitare i controlli di navigazione,

maxHeight: (no. of legend Items or series count) * line height of each item/2 

speranza questo può funzionare.