使用谷歌圖表繪製陣列

Question

我有4個陣列，javascript.I想使用谷歌面積圖這四個arrays.My代碼如下繪製：

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
<script> 
google.charts.load('current', {'packages':['corechart']}); 
google.charts.setOnLoadCallback(drawVisualization); 
function drawVisualization() { 
       var pin1 = new Array(); 
       '<?php foreach($pin1 as $key => $val){ ?>' 
       pin1.push('<?php echo $val; ?>'); 
       '<?php } ?>' 
       var pinc_a = new Array(); 
       '<?php foreach($pinc_a as $key => $val){ ?>' 
       pinc_a.push('<?php echo $val; ?>'); 
       '<?php } ?>' 
       var pinc_p = new Array(); 
       '<?php foreach($pinc_p as $key => $val){ ?>' 
       pinc_p.push('<?php echo $val; ?>'); 
       '<?php } ?>' 
       var pinc_f = new Array(); 
       '<?php foreach($pinc_f as $key => $val){ ?>' 
       pinc_f.push('<?php echo $val; ?>'); 
       '<?php } ?>' 
       var data = new google.visualization.DataTable(); 
       data.addColumn('number', 'pin1'); 
       data.addColumn('number', 'pinc_a'); 
       data.addColumn('number', 'pinc_p'); 
       data.addColumn('number', 'pinc_f'); 
       for(var i=0;i<pin.length;i++) 
       { 
         data.addRow([pin[i],pinc_a[i],pinc_p[i],pinc_f[i]]); 
       } 
       var chart=new google.visualization.AreaChart(document.getElementById('visualization')). 
       draw(data, {}); 
      } 
</script> 

正如你可以看到四個陣列PIN1， pic_a，pinc_p，pinc_f.I已將這些數組從PHP中取出，並在JavaScript中使用push.But上面的代碼不繪製圖表。我在哪裏出錯。請幫忙！

Answer 1

看起來像你的列類型：'number'

data.addColumn('number', 'pin1');

由於這些價值應該是數字，失去了單引號...

pinc_a.push(<?php echo $val; ?>);