0

クライアントが JavaScript に触れずにコンテンツを更新できるように、テーブル内のデータに基づいてグラフを動的に作成しようとしています。

/* ----- Single Bar Graph ------ */
        jQuery(".single-bar table").each(function() {
            var data = new google.visualization.DataTable();
            var thisTableID = jQuery(this).parent().attr('id');

            data.addColumn('string', 'country');
            data.addColumn('number', 'amount');
            jQuery(this).children("tbody").children("tr.data").each(function(){
                var country="";
                var amount="";
                country = jQuery(this).find("td.country").text();
                amount = parseFloat(jQuery(this).find("td.amount").html());
                data.addRow([country, amount]);
            });

            // Set chart options
            var xAxis = jQuery(this).find("td.xAxis").text();
            var options = {
                title: jQuery('.single-bar table th').html(),
                width: 750,
                height: 350,
                colors: ['#7dc2af', '#d5d7d2', '#ba8c0a', '#006f51', '#6dadbf', '#3b3b3b'],
                is3D: true,
                fontSize: 12,
                fontName: 'AllerLight',
                titleTextStyle: {fontSize: 15, color: '#006f51'},
                chartArea:{left:100,top:50,bottom:0},
                backgroundColor: 'transparent',
                hAxis: {title: xAxis,color:'#0f0'}
            };

            var chart = new google.visualization.BarChart(document.getElementById(thisTableID));
            // This isn't working
            var formatter = new google.visualization.NumberFormat({prefix: '$'});
            formatter.format(data, 1); // Apply formatter to second column
            chart.draw(data, options);
        });

ですから、ここの最後に向かって、「金額」列にドル記号の接頭辞を追加しようとしていることがわかりますが、そうではありません。コンソールにエラーはありません。キックのために列0にもプレフィックスを追加しようとしましたが、それも機能していないようです。

よろしくお願いします

4

1 に答える 1

3

「これは機能していません」= $ 記号はツールチップにのみ適用されますか?

hAxis もフォーマットするには、次のように定義しますhAxis.format。

var options = {
  ..
  ..
  hAxis: { title: 'xAxis', color:'#0f0',
           format: '$#'  // <-- format
  }
};

なんで？チャート自体によって生成される hAxis シリーズのテキストではなく、 NumberFormat で
フォーマットしています。data

列にさらに書式設定が必要な場合は、ここでインスピレーションを得てくださいhttp://icu-project.org/apiref/icu4c/classDecimalFormat.html

于 2013-09-18T11:42:11.803 に答える