Google Chart Numéro de mise en forme

J'ai besoin de formater ma tarte et de la colonne des graphiques pour montrer les $ et les virgules en format de devise ($###,###) lorsque vous passez la souris sur les cartes. Aujourd'hui, c'est l'affichage du nombre et du pourcentage, mais la numéro #####.## voici mon code. Toute aide serait appréciée.

//Load the Visualization API and the piechart package.
google.load('visualization', '1.0', {'packages':['corechart']});
//Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);
var formatter = new google.visualization.NumberFormat({
prefix: '$'
});
formatter.format(data, 1);
var options = {
pieSliceText: 'value'
};
//Callback that creates and populates a data table,
//instantiates the pie chart, passes in the data and
//draws it.
function drawChart() {
//REVENUE CHART - Create the data table.
var data4 = new google.visualization.DataTable();
data4.addColumn('string', 'Status');
data4.addColumn('number', 'In Thousands');
data4.addRows([
['Net tution & Fees', 213.818],
['Auxiliaries', 30.577],
['Government grants/contracts', 39.436],
['Private grants/gifts', 39.436],
['Investments', 10.083],
['Clinics', 14.353],
['Other', 5.337]
]);
//EXPENSES CHART - Create the data table.
var data5 = new google.visualization.DataTable();
data5.addColumn('string', 'Status');
data5.addColumn('number', 'Amount');
data5.addRows([
['Instruction', 133.868],
['Sponsored Progams', 34.940],
['Auxiliaries', 30.064],
['Academic Support', 25.529],
['Depreciation & amortization', 18.548],
['Student Services', 22.626],
['Plant operations & maintenance', 18.105],
['Fundraising', 13.258],
['Geneal Administration', 11.628],
['Interest', 6.846],
['Student Aid', 1.886],
]);
//ENDOWMENT CHART - Create the data table.
var data6 = new google.visualization.DataTable();
data6.addColumn('string', 'Status');
data6.addColumn('number', 'In Millions');
data6.addRows([
['2010', 178.7],
['2011', 211.693],
['2012', 199.3]
]);
//Set REVENUE chart options
var options4 = {
is3D: true,
fontName: 'Arial',
colors:['#AFD8F8', '#F6BD0F', '#8BBA00', '#FF8E46', '#008E8E', '#CCCCCC', '#D64646', '#8E468E'],
'title':'',
'width':550,
'height':250};              
//Set EXPENSES chart options
var options5 = {
is3D: true,
fontName: 'Arial',
colors:['#AFD8F8', '#F6BD0F', '#8BBA00', '#FF8E46', '#008E8E', '#CCCCCC', '#D64646', '#8E468E'],
'title':'',
'width':550,
'height':250};
//Set ENDOWMENT chart options
var options6 = {
is3D: true,
fontName: 'Arial',
colors:['#AFD8F8', '#F6BD0F', '#8BBA00', '#FF8E46', '#008E8E', '#CCCCCC', '#D64646', '#8E468E'],
'title':'',
'width':450,
'height':250};
//Instantiate and draw our chart, passing in some options.
var chart4 = new google.visualization.PieChart(document.getElementById('chart_div4'));
chart4.draw(data4, options4);
var chart5 = new google.visualization.PieChart(document.getElementById('chart_div5'));
chart5.draw(data5, options5);
var chart6 = new google.visualization.ColumnChart(document.getElementById('chart_div6'));
chart6.draw(data6, options6);}
Salut désolé... qui n'a pas l'air de fonctionner... hmmm... je suppose qu'il doit être placé avant drawChart mais en vain, je ne pourrais pas obtenir de format. 🙁
J'ai testé vendredi avec un camembert et il a travaillé pour moi. Vous pouvez même changer le motif et il suffit d'ajouter le préfixe que votre solution fonctionne. Voulez-vous me mettre à jour ma réponse avec mon exemple de code?
Qui pourrait être utile! Je suppose que je suis peut-être en l'insérant dans la mauvaise partie de la js, mais pas sûr. Un exemple vivant qui serait m'aider beaucoup de temps!
Je viens de mettre à jour ma réponse.
Fonctionne très bien pour un graphique en secteurs, mais j'ai un ColumnChart et 3 autres camemberts. N'a pas l'air de travailler lorsque j'ai mis toutes les cartes individuelles avec le formateur. Fonctionne très bien avec 1!

OriginalL'auteur MizAkita | 2012-11-30