如何将PHP在Javascript;谷歌图表API [英] How to include PHP in Javascript; Google Chart API
问题描述
我正与谷歌的图表可视化的API。
I am working with the google chart visualization API.
我在PHP中一个变量:
I have a variable in php:
`$value`
这包含以下内容: [0,0,0],[1,65,35],['2',88,35],[3,66,35],[4,35,35], ['5',99,100]
which contains the following: ['0',0, 0],['1',65, 35],['2',88, 35],['3',66, 35],['4',35, 35],['5',99, 100]
我想在 data.addRows
使用低于这个 $值如下但是我得到的输出空白
I want to use this $value
below in data.addRows
as follows however the output I am getting is blank
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Period');
data.addColumn('number', 'Sales');
data.addColumn('number', 'Expenses');
data.addRows([
<?php echo $value ?>
]);
var options = {
width: 400, height: 240,
title: 'Company Performance'
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
经过一番研究,现在看来,这是阿贾克斯我想尝试。它是否正确?有一个简单的方法,我可以返回值 $值
到 data.addRow
??
下面是其中$值设置过程如下:
Here is the process to which $value is set:
$i = "0";
$period = "0";
$chartrow = array();
$unitpriceNumR = 3
while ($i<3)
{
$chartrow[$i] = "['".$period."',".$sPrice[$i].", ".$uPrice[$i]."]";
$period++;
$i++;
}
switch ($currentStage)
{
case "0":
$value = $chartrow[0];
break;
case "1":
$value = $chartrow[0];
break;
case "2":
$value = $chartrow[0].",".$chartrow[1];
break;
}
在这个例子中,如果 $ currentStage
=2,则 $值
设置为['0', 0,0],[1,65,35]
In this example if $currentStage
= "2" then $value
is set to ['0',0, 0],['1',65, 35]
好了,现在我甚至尝试了副本的谷歌code和粘贴到我的文件,并看到一个图仍然没有成功。 (code摘自:HTTP://$c$c.google.com/intl/en-EN/apis/chart/interactive/docs/gallery/linechart.html)
Ok now I have even tried a copy and paste of google code into my file and still no success of seeing a graph. (code taken from:http://code.google.com/intl/en-EN/apis/chart/interactive/docs/gallery/linechart.html)
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Sales');
data.addColumn('number', 'Expenses');
data.addRows([
['2004', 1000, 400],
['2005', 1170, 460],
['2006', 860, 580],
['2007', 1030, 540]
]);
var options = {
width: 400, height: 240,
title: 'Company Performance'
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
使用这个code
Using this code
$chartrow = array();
for ($i = 0; $i < 3; $i++ )
{
$chartrow[] = array((string) $i, $sPrice[$i], $uPrice[$i]);
echo $chartrow;
}
结果$ chartrow显示单词阵列在屏幕上。
results in $chartrow displaying the word "Array" to the screen.
推荐答案
下面是回答这个问题, <一href="http://stackoverflow.com/questions/8456868/php-how-to-pass-multiple-variables-to-an-array/8456924#8456924">PHP:如何将多个变量传递到一个数组?
Here is the answer to this problem PHP: How to pass multiple variables to an array?
这篇关于如何将PHP在Javascript;谷歌图表API的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!