Affichage de la devise dans l'API graphique Google

Je suis en utilisant Google chart API pour afficher un graphique en ligne, mais j'ai besoin des numéros de montrer que la monnaie. Sur le graphique lui-même, j'ai été en mesure d'obtenir l'affichage des nombres comme monnaie, mais lorsque la souris survole un point et de la boîte de dialogue affiche le nombre n'est pas affichée comme spécifié.

        <script type="text/javascript">
            google.load("visualization", "1", {packages:["corechart"]});
            google.setOnLoadCallback(drawChart);

            function drawChart() {

                var data = google.visualization.arrayToDataTable(<?php echo $data; ?>);


                var options = {
                    chartArea:{left:40,top:10},
                    pointSize: 6,
                    vAxis: {format:'$###,###,###.00'}, //Money format
                    legend: {position:'none'}



                };

                var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
                chart.draw(data, options);

            }
        </script>

Comme vous pouvez le voir sur cette image, la colonne verticale affichée sur la gauche de n'utiliser de séparateur décimal tel que spécifié à l'aide de vAxis.format dans le code ci-dessus, mais la boîte de dialogue n'affiche pas les décimales ou le signe dollar (j'ai ajouté le signe dollar après la capture d'écran).

http://i48.tinypic.com/121uznm.jpg

Comment puis-je obtenir le numéro dans la boîte de dialogue pour afficher les mêmes que les numéros de la gauche alignement vertical de la colonne?

J'ai essayé de mettre à jour le tableau PHP j'utilise pour remplir les données dans le format de devise, mais le Google graphique ne rend pas puisqu'il n'est pas un simple chiffre.

source d'informationauteur JROB

  1. 10

    Il y a un format pour spécifier à la fois la valeur brute et la valeur mise en forme d'une cellule à l'heure[1]: lors du chargement de la valeur dans le tableau, plutôt que, par exemple, addRow(['2012-08-31, 4]); il serait addRow(['2012-08-31', {v: 4, f: '$4.00'}]); Plus d'exemples de cette syntaxe sont parsemés à travers les docs mais je ne pouvais pas trouver un bon endroit pour se lier à lui. Il ne devrait pas être trop difficile à modifier la méthode par laquelle l' $objet de données à partir de votre exemple est généré pour inclure cette mise en forme, mais il existe d'autres options de mise en forme.

    Si vous préférez définir la mise en forme dans le JS pour quelque raison que ce soit, vous pouvez utiliser un NumberFormatter.

    [1]je ne pense pas qu'ils avaient cette syntaxe lorsque j'ai commencé à utiliser les outils de la carte. Aucune idée de quand il a été ajouté, cependant, ou si je n'ai jamais remarqué jusqu'à récemment.

  2. 12

    C'est parfait format de monnaie Brésilienne: 

      var formatter = new google.visualization.NumberFormat({decimalSymbol: ',',groupingSymbol: '.', negativeColor: 'red', negativeParens: true, prefix: 'R$ '});
  formatter.format(data, 1);

    Fonctionne très bien pentecôte dollar, il suffit de changer R$ à $

    10500.5 séjour 10.500,50plus préfixe

    10500 séjour 10.500,00plus préfixe

  3. 5

    Essayez ceci:

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

    A très bien fonctionné pour moi. Trouvé à:
    Séparée par des virgules des Données dans Google Visualisation de l'API

  4. 1

    Une autre option que j'ai trouvé très utile, et un concept similaire à la arrayToDataTable() est la méthode JavaScript littérale de l'initialiseur de la syntaxe comme suit:

    var data = new google.visualization.DataTable(
                {
                    cols: [
                        {id: 'date', label: 'Date', type: 'string'},
                        {id: 'parnter1', label: 'Partner A', type: 'number'},
                        {id: 'partner2', label: 'Partner B', type: 'number'}
                    ],
                    rows: [
                        { c: [{ v: '06/2012' }, { v: 12345, f: '$12,345' }, { v: 98765, f: '$98,765'}] },
                        { c: [{ v: '07/2012' }, { v: 10123, f: '$10,123' }, { v: 123123, f: '$123,123'}] }
                    ]
                }
            );

    https://google-developers.appspot.com/chart/interactive/docs/datatables_dataviews