5

jqPlot を使用して、凡例付きの円グラフを作成しています。私の jqPlot パイ オプションの一部は次のようになります。

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

最近、レジェンド アイテムが多く (たとえば 21)、レジェンド ボックスが高すぎるケースに遭遇しました。私はどちらかへの方法があるかどうか疑問に思っています

  1. 凡例ボックス内に垂直スクロール バーがある
  2. 凡例項目を複数の列に表示する (推奨)

次のプロパティを設定しようとしました：

  • 行数
  • numberColumns

このページから見つけたもの：

$.jqplot.PieRenderer オプション

ただし、変更を加えていないようです。

この問題の良い解決策を教えてくれる人はいますか?

4

1 に答える 1

13

提供されている列/行の設定を試してください。この設定が機能することを個人的に再確認しました。凡例で、numberColumnsまたはnumberRows内部rendererOptionsを次のように設定していることを確認してください。

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

これが機能しない場合は、他のバグがコードに隠れている必要があると言わなければなりません。次に、コードを見て、バグを見つけて潰すことができるようにします:)

于 2012-05-04T11:10:20.433 に答える