如何在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格式化爲百分比？

回答

相關問題