使用谷歌图表绘制阵列

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; ?>);