2013-04-05 18 views
5

%を使ってGoogleグラフとの比率を表示したい。ツールチップにパーセントチャートのGoogleグラフを表示

vAxis: {format:'#%'}, 

が、問題は私のデータがツールチップ上のパーセンテージとして示されていないが、小数点以下の値(代わりに予想される85%の0.85)で

enter image description here:私は割合にvAxisを変更する方法を知っています

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

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 ]]) 

答えて

13

あなたはformattersを使用することができます。あなたは少し何私から書式を変更したい場合に使用できるフォーマットはICU DecimalFormatのサブセットである

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

:ここ

は例(グラフを描画する前に、あなたのコードにして、このスティック)であります上記に挙げる。

関連する問題