2012-05-03 6 views
5

J'utilise jqPlot pour créer un camembert avec une légende. Une partie de mes options de tarte de jqPlot se présenter comme suit:jqPlot - Légende de tarte trop grande quand il y a beaucoup d'éléments de légende

seriesDefaults: { 
    renderer: $.jqplot.PieRenderer, 
    rendererOptions: { 
     padding: 10, 
     showDataLabels: true, 
     dataLabelFormatString: '%.2f%%', 
     sliceMargin: 2, 
     startAngle: -90 
    } 
}, 
legend: { 
    show: true, 
    location: 'e', 
    placement: 'outside', 
    xoffset: 1, 
    fontSize: '11px', 
    rowSpacing: '10px', 
    textColor: '#222222', 
    fontFamily: 'Lucida Grande, Lucida Sans, Arial, sans-serif' 
} 

Récemment, je suis tombé sur un cas où il y a beaucoup d'éléments de la légende (par exemple, 21), ce qui rend ma boîte de légende trop grand. Je me demande s'il y a un moyen soit

  1. ont une barre de défilement verticale dans l'affichage boîte de légende
  2. les éléments de légende dans plusieurs colonnes (de préférence)

J'ai réglage essayé les propriétés suivantes:

  • numberRows
  • numberColumns

que je trouve de cette page:

$.jqplot.PieRenderer options

mais ils ne semblent pas apporter des modifications.

Quelqu'un pourrait-il me fournir une bonne solution à ce problème? Essayez d'utiliser les paramètres de colonne/ligne fournis.

Répondre

12

J'ai vérifié personnellement que ces paramètres fonctionnent. Assurez-vous que dans la légende que vous définissez la numberColumns ou numberRows à l'intérieur rendererOptions, comme:

legend: { 
    show: true, 
    location: 'ne', 
    rendererOptions: {numberColumns: 2} 
} 

Si cela ne fonctionne pas, alors je dois dire un autre bug doit se cacher dans votre code, alors laissez-nous voir le code donc nous pouvons trouver et écraser le bug ensemble :)

+2

Cela a fonctionné! Idiote, j'ajoutais "numberColumns" en dehors de rendererOptions. Merci de votre aide! Très appréciée. – jpen

+0

Pas de soucis. J'ai fait la même erreur une fois. Maintenant, je vérifie toujours le document et les exemples pour être certain. Dans ce cas particulier de doc lui-même, vous pensez qu'il devrait aller juste sous la légende :) – Boro