如何在Google Charts API中将vAxis格式化为百分比？

有谁知道如何将vAxis格式化为百分比？我尝试了很多东西，都无济于事。代码如下。我试过NumberFormatter vAxis选项...如何在Google Charts API中将vAxis格式化为百分比？

谢谢！

切尔西

<html> 
 
<head> 
 
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
 
    <script type="text/javascript"> 
 
     google.charts.load('current', { 'packages': ['corechart', 'bar'] }); 
 
     google.charts.setOnLoadCallback(drawChart); 
 

 
     function drawChart() { 
 
      var query = new google.visualization.Query("https://docs.google.com/spreadsheets/d/1mMYa6kqWIasGhdDG3i7YS5bzK_mtXT0_m0oqcYB-Loo/edit#gid=0?range=A1:C5"); 
 
      query.send(handleQueryResponse); 
 
     } 
 

 
     function handleQueryResponse(response) { 
 
      var data = response.getDataTable(); 
 
      var chart = new google.visualization.ColumnChart(document.getElementById('student_chart')); 
 
      var options = { 
 
       isStacked: 'false', 
 
       title: 'TPRI Averages 2015-16 (Students Performing on Grade Level)', 
 
       curveType: 'function', 
 
       legend: { gridlines: 'bottom' }, 
 
       colors: ['red', 'purple'], 
 
       pointSize: 20, 
 
       series: { 
 
       \t vAxis: {format: "###'%'"}, 
 
        
 
       } 
 
      }; 
 

 
      chart.draw(data, options); 
 
     } 
 
    </script> 
 
</head> 
 
<body> 
 
    <div id="student_chart" style="width: 900px; height: 500px"></div> 
 
</body> 
 
</html>

来源

2017-09-25 Chelsea Pitcher

vAxis不应内series
它应该在第一级内options

var options = { 
    vAxis: {format: "#,##0%"} 
    ...

定义为格式字符串，
加入%到年底，将数字转换为百分比

看到下面的工作片段...

<html> 
 
<head> 
 
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
 
    <script type="text/javascript"> 
 
     google.charts.load('current', { 'packages': ['corechart', 'bar'] }); 
 
     google.charts.setOnLoadCallback(drawChart); 
 

 
     function drawChart() { 
 
      var query = new google.visualization.Query("https://docs.google.com/spreadsheets/d/1mMYa6kqWIasGhdDG3i7YS5bzK_mtXT0_m0oqcYB-Loo/edit#gid=0?range=A1:C5"); 
 
      query.send(handleQueryResponse); 
 
     } 
 

 
     function handleQueryResponse(response) { 
 
      var data = response.getDataTable(); 
 
      var chart = new google.visualization.ColumnChart(document.getElementById('student_chart')); 
 
      var options = { 
 
       isStacked: 'false', 
 
       title: 'TPRI Averages 2015-16 (Students Performing on Grade Level)', 
 
       curveType: 'function', 
 
       legend: { gridlines: 'bottom' }, 
 
       colors: ['red', 'purple'], 
 
       pointSize: 20, 
 
       \t vAxis: {format: "#,##0%"} 
 
      }; 
 

 
      chart.draw(data, options); 
 
     } 
 
    </script> 
 
</head> 
 
<body> 
 
    <div id="student_chart" style="width: 900px; height: 500px"></div> 
 
</body> 
 
</html>

来源

2017-09-25 16:07:11 WhiteHat

这个问题的任何运气？你会请接受标记吗？（通过投票按钮选中标记） – WhiteHat

如何在Google Charts API中将vAxis格式化为百分比？

回答

相关问题