如何将PHP在Javascript;谷歌图表API [英] How to include PHP in Javascript; Google Chart API

查看:101
本文介绍了如何将PHP在Javascript;谷歌图表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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆