Google wyświetlanie wykresów Pieniądze nie Procenty

Question

Biorąc pod uwagę dane na wykresie kołowym:

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

Jak mogę wyświetlać jako kwoty w dolarach? Albo w etykiecie lub na rzeczywistej samego wykresu (zarówno byłoby lepiej!)

Na przykład, idealnie to będzie działać:

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

Answer 1

Jest to możliwe i będzie stosować go zarówno w kawałkach, a tooltip. To, co musisz uwzględnić, to number formatter.

Kluczowe rzeczy to zastosowanie następujących elementów przed "utworzeniem" wykresu.

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

var options = { 
    pieSliceText: 'value' 
}; 

Ten pierwszy tworzy formatowania i stosuje je do danych, następna opcja następnie wypycha wykres kołowy pokazać sformatowaną wartość, zamiast obliczonej procentach. Możesz zobaczyć, działa w this jsfiddle.

Zainspirowany i dostosowane przez odpowiedź tutaj: Formatting google charts programmatically