将数组从Php传递到外部JavaScript以绘制饼图

时间:2015-01-14 09:36:39

标签: javascript php google-visualization pie-chart

这是我的php文件,它包含三个数组,我将这三个数组传递给名为ss.js的外部JavaScript文件以绘制饼图。如果我在外部JavaScript文件中直接声明数组,它会显示饼图,但是当我从php传递数组时,它只显示任何内容。我尝试但我无法弄清楚错误部分。

code.php

<?php 
  $a = array("Apple","Orange","Grape");
  $dataArray = array("Task","Hours Per Day");
  $arr1 = array("Work","Eat","Commute","Watch TV","Sleep");
  $arr2 = array(11,2,2,2,7);
?>
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>

<script type="text/javascript">
  var jArray =<?php echo json_encode($dataArray); ?>;
  var jArray1 =<?php echo json_encode($arr1); ?>;
  var jArray2 =<?php echo json_encode($arr2); ?>;
</script>

<script type="text/javascript" src="ss.js">
</script>
</head>
<body>
   <div id="piechart" style="width: 900px; height: 500px;"></div>
</body>
</html>

ss.js

google.load("visualization", "1", {
  packages: ["corechart"]
});

function drawData() {
  for (var n = 0; n < jArray2.length; n++) {
    jArray.push([jArray1[n], parseInt(jArray2[n])]);
  }
  var data = new google.visualization.arrayToDataTable(jArray);
  var options = {
    title: 'My Daily Activities'
  };
  var chart = new google.visualization.PieChart(document.getElementById('piechart'));
  chart.draw(data, options);
}
google.setOnLoadCallback(drawData);

0 个答案:

没有答案