2013-08-29 193 views
3

flot餅圖顯示默認情況下的項目標籤百分比,但我需要顯示組成百分比而不是百分比的數字。下面的代碼是我的數據和flot餅圖標籤

var pieOptions={ 
    series: { 
     pie: { 
      show: true, 
      radius: 1, 
      label: { 
       show: true, 
       radius: 3/4, 
       formatter: labelFormatter, 
       background: { 
        opacity: 0.5, 
        color: '#000' 
       } 
      } 
     } 
    }, 
    grid: { 
     hoverable: true, 
     clickable: true 
    }, 
    legend: { 
     container: '#pieLegend' 
    } 
} 

標籤格式

function labelFormatter(label, series) { 
    return "<div style='font-size:8pt; text-align:center; padding:2px; color:white;'>" 
+ label + "<br/>" + Math.round(series.percent) + "%</div>"; 
} 

我的數據

[["ebbok1","1"],["ebook2","4"],["ebook3","4"],["something","3"]] 

,所以我需要1,4,4,3的餅圖上顯示,而不是的計算百分比

編輯

我只是想series.data[0][1],但它在圖表中顯示空白

回答

8

更改labelFormatter到:

function labelFormatter(label, series) { 
    return "<div style='font-size:8pt; text-align:center; padding:2px; color:white;'>" + label + "<br/>" + series.data[0][1] + "%</div>"; 
} 

,在該系列中的第一個(只)點的Y數據。