6

パーセンテージを使用して、Googleチャートで比率を表示したい。vAxis をパーセンテージに変更する方法を知っています。

vAxis: {format:'#%'},

しかし問題は、私のデータがツールチップにパーセンテージとして表示されず、10 進数値で表示されることです (予想される 85% ではなく 0.85)。

ここに画像の説明を入力

私のコードは以下の通りです：

  google.load("visualization", "1", {packages:["corechart"]});
        google.setOnLoadCallback(function() {})
        function drawChart(data) {
          var data = google.visualization.arrayToDataTable(data);

          var options = {
            title: "Pourcentage de production et productivité de l'entreprise",
            chartArea: {top:39},
            vAxis: {format:'#%'},
            pointSize:2
          }

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

drawChart([['Year', '% de production', 'Productivité'],[ '06/03/2013', 0.85 , 0.58 ],[ '07/03/2013', 0.85 , 0.58 ],[ '23/03/2013', 0.85 , 0.58 ],[ '25/03/2013', 1 , 1.5 ],[ '26/03/2013', 0.72 , 0.63 ],[ '04/04/2013', 1 , 1.57 ]])
4

1 に答える 1

13

フォーマッターを使用できます。

以下に例を示します (グラフを描画する前に、これをコードに貼り付けてください)。

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

使用できる形式は、ICU DecimalFormatのサブセットであり、上記の形式から少し変更したい場合に使用できます。

于 2013-04-08T00:36:47.070 に答える