Google grafici di visualizzazione Il denaro non Percentuali

Question

Visti i dati di un grafico a torta:

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

Come posso farlo visualizzare come importi in dollari? Sia nel suggerimento o sul grafico vero e proprio (entrambi sarebbe preferibile!)

Ad esempio, idealmente questo dovrebbe funzionare:

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

Answer 1

È possibile e lo applicherà sia alla sezione e il tooltip. Quello che devi includere è un number formatter.

Le cose fondamentali sono applicare quanto segue prima di "creare" il grafico.

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

var options = { 
    pieSliceText: 'value' 
}; 

Questa prima crea il formattatore e lo applica a dati, l'opzione successiva poi costringe il grafico a torta per mostrare il valore formattato, piuttosto che la percentuale calcolata. Puoi vederlo funzionante in this jsfiddle.

Ispirato e adattato dalla risposta qui: Formatting google charts programmatically