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!
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
Vous devez vous connecter pour publier un commentaire.
Vous avez besoin de changer:
au lieu de:
EDIT:
Découvrez ce live exemple
OriginalL'auteur BrOSs
NumberFormat est juste pour une simple mise en forme. Si vous voulez plus que juste la mise en forme, comme vous voulez mettre un autre texte, une image, ou même sur un autre graphique, vous devriez vérifier cette incroyable astuce! Le Google Les Info-Bulles. ici
OriginalL'auteur Stefanus Diptya