hiển thị phần trăm biểu đồ google trên chú giải công cụ

Question

Tôi muốn hiển thị tỷ lệ với biểu đồ google, sử dụng tỷ lệ phần trăm. Tôi biết làm thế nào để thay đổi vAxis đến tỷ lệ:

vAxis: {format:'#%'}, 

nhưng vấn đề là dữ liệu của tôi không được hiển thị như tỷ lệ phần trăm trên tooltips, nhưng trong các giá trị thập phân (0,85 thay vì dự kiến ​​85%)

mã của tôi là dưới đây:

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

Answer 1

Bạn có thể sử dụng formatters.

Dưới đây là một ví dụ (dính này trong mã của bạn trước khi vẽ biểu đồ):

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

Các định dạng mà bạn có thể sử dụng là một tập hợp con của ICU DecimalFormat nếu bạn muốn một chút thay đổi định dạng từ những gì tôi đưa ra ở trên.