2012-05-21 133 views
6

鑑於餅圖中的數據:谷歌圖表顯示金錢並非百分比

data = new google.visualization.arrayToDataTable([ 
    ['Sales', 'Revenue Distribution'], 
    ['Author', 5], 
    ['Company', 2], 
    ['Tax', 0.4], 
    ['Payment Processors', 0.9] 
]); 
drawChart(); 

我怎樣才能使它顯示爲美元數額?無論是在提示或實際圖形本身(這兩個將是可取的!)

例如,理想情況下這會工作:

data = new google.visualization.arrayToDataTable([ 
    ['Sales', 'Revenue Distribution'], 
    ['Author', '$5'], 
    ['Company', '$2'], 
    ['Tax', '$0.4'], 
    ['Payment Processors', '$0.9'] 
]); 
drawChart(); 

回答

14

這是可能的,這將其應用到切片和兩提示。你需要包括的是number formatter

關鍵的事情是在「創建」圖表之前應用以下內容。

var formatter = new google.visualization.NumberFormat({ 
    prefix: '$' 
}); 
formatter.format(data, 1); 

var options = { 
    pieSliceText: 'value' 
}; 

這首先創建格式,並將其應用於數據,下一個選項,然後強制餅圖來顯示格式化的值,而不是計算的百分比。你可以看到它在this jsfiddle中工作。

靈感和改編的答案在這裏:Formatting google charts programmatically

+0

作品的魅力,非常感謝! –