使用PHP和javascript数组的Google图表
我试图通过数组元素来填充google图表。我可以在php和javascript中直接调用数组元素,甚至还将php数组转换为javascript数组。但我只能调用数组元素,不能循环数组 我能做的使用PHP和javascript数组的Google图表,javascript,php,google-visualization,Javascript,Php,Google Visualization,我试图通过数组元素来填充google图表。我可以在php和javascript中直接调用数组元素,甚至还将php数组转换为javascript数组。但我只能调用数组元素,不能循环数组 我能做的 <script src="js/modernizr.js"></script> <!--Load the AJAX API--> <script type="text/javascript" src="https://www.google
<script src="js/modernizr.js"></script>
<!--Load the AJAX API-->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
var dateArray = <?php echo (json_encode($arrayDate)); ?>;
var hitsArray = <?php echo (json_encode($arrayHits)); ?>;
<!---document.write(myVariable);-->
<!--Content Delivery Network Stats-->
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Date', 'Hits'],
[dateArray[0], +hitsArray[0] ],
[dateArray[1], +hitsArray[1] ],
[dateArray[2], +hitsArray[2] ]
]);
var options = { title: 'Content Delivery Network Stats',
hAxis: {title: 'Date', titleTextStyle: {color: 'red'}} };
var chart = new google.visualization.ColumnChart (document.getElementById('chart_div')); chart.draw(data, options); }
<!--Content Delivery Network Stats-->
</script>
var dateArray=;
var-hitsArray=;
load(“可视化”、“1”、{packages:[“corechart”]});
setOnLoadCallback(drawChart);
函数drawChart(){
var data=google.visualization.arrayToDataTable([
['日期','点击'],
[dateArray[0],+hitsArray[0],
[dateArray[1],+hitsArray[1],
[dateArray[2],+hitsArray[2]]
]);
var options={title:'Content Delivery Network Stats',
hAxis:{title:'Date',titleTextStyle:{color:'red'}}};
var chart=new google.visualization.ColumnChart(document.getElementById('chart_div'));chart.draw(数据,选项);}
我想做的是
<script src="js/modernizr.js"></script>
<!--Load the AJAX API-->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
var dateArray = <?php echo (json_encode($arrayDate)); ?>;
var hitsArray = <?php echo (json_encode($arrayHits)); ?>;
<!---document.write(myVariable);-->
<!--Content Delivery Network Stats-->
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var myDataArray = [['Date', 'Hits']];
for (var i = 0; i < dateArray.length; i++) {
myDataArray.push([dateArray[i], hitsArray[i]);
}
var data = google.visualization.arrayToDataTable(myDataArray);
var options = { title: 'Content Delivery Network Stats',
hAxis: {title: 'Date', titleTextStyle: {color: 'red'}} };
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); chart.draw(data, options); }
<!--Content Delivery Network Stats-->
</script>
var dateArray=;
var-hitsArray=;
load(“可视化”、“1”、{packages:[“corechart”]});
setOnLoadCallback(drawChart);
函数drawChart(){
var myDataArray=[['Date','Hits']];
对于(var i=0;i
试试这个:
var myDataArray = [['Date', 'Hits']];
for (var i = 0; i < dateArray.length; i++) {
myDataArray.push([dateArray[i], hitsArray[i]]);
}
var data = google.visualization.arrayToDataTable(myDataArray);
var myDataArray=[['Date','Hits']];
对于(var i=0;i
使用您现在使用的完整代码以及dateArray
和hitsArray
的一些示例数据更新您的问题。哎呀,对不起,我的回答中在hitsArray[i]
之后缺少一个]
。我会在我的回答中修正它。在那之后它应该会起作用,例如:那会起作用。唯一的问题是,我必须添加一个+hitsArray[I],而不仅仅是hitsArray[I],以便图表将其读取为整数,而不是字符串。非常感谢你的帮助。