2012-05-03 59 views
5

我正在使用jqPlot創建一個帶有圖例的餅圖。我jqPlot餡餅選項的一部分如下所示:jqPlot - 當有很多圖例項目時,Pie圖例太高

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. 顯示多列的傳說物品(最好)

我已經嘗試設置內的垂直滾動條以下屬性:

  • numberRows
  • numberColumns

這是我從這個頁面發現:

$.jqplot.PieRenderer options

但他們似乎並不做任何改變。

有人能爲我提供一個很好的解決這個問題嗎?

回答

12

嘗試使用提供的列/行設置。我個人確認這個設置確實有效。只要確保在傳說你設置的numberColumnsnumberRowsrendererOptions,如:

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

如果不工作,然後我必須說一些其它的錯誤必須在代碼中隱藏了,那麼讓我們看到了代碼所以我們可以一起找到並壓扁錯誤:)

+2

它的工作!愚蠢的是,我在rendererOptions之外添加了「numberColumns」。謝謝你的幫助!非常感激。 – jpen

+0

不用擔心。我曾經犯過同樣的錯誤。現在我總是仔細檢查文檔和示例以確定。在文檔本身的這種特殊情況下,你認爲它應該只在傳說的下面:) – Boro