Question

我尝试使用Flot Chart和PHP / MySQL动态添加饼图。

这是我的javascript代码

 <script id="source" language="javascript" type="text/javascript">


  function fetchData() {
   $.ajax({
      url:      "test.php",
      method:   "GET",
      dataType: "json",
      success:  function(series) {
         var data = [  series ];
         $.plot($("#graph1"), data, {
            pie: { 
                show: true,
                showLabel: true
            },
            legend: {
                show: false 
            }
        });
      }
   });

   setTimeout(fetchData, 1000);
}


$(function () {
    $("#btn").click(function(){
    fetchData();                       
  });   

});

这是我的PHP代码

<?php 
    include("db.php");
    $return_arr = array();
    $sql = mysql_query("SELECT item, COUNT(target) FROM counter WHERE type='video' and date BETWEEN '2011-02-21' and '2011-02-26' GROUP BY target ORDER BY id ASC");
    while($obj = mysql_fetch_object($sql)){
        $return_arr[] = $obj;   
    }
    echo json_encode($return_arr);
?>

这是我的按钮

<input type="submit" value="click" id="btn"/>

这是我点击按钮

时得到的数组

[{"item":"Final 2010","COUNT(target)":"2"},{"item":"Semi Final 2009","COUNT(target)":"3"}]

当我点击按钮时，它会给我这个错误：

An invalid or illegal string was specified" code: "12
[Break On This Error] false

甚至饼图都没有加载。任何人都能告诉我在哪里弄错了。

当我签入firebug时，阵列显示如下

[{"item":"Final 2010","COUNT(target)":"2"},{"item":"Semi Final 2009","COUNT(target)":"3"}]

但是当我打印它时，它显示为[对象对象] [对象对象]，我认为这将是问题，任何人都知道如何解决它

由于

Answer 1

我认为您需要评估该数据（系列）

var data    = eval("(" + series + ")");

应该这样做，我想

修改

在jsfiddle上添加了一个简单的复制：http://jsfiddle.net/TVAWL/1/

使用PHP绘制饼图

1 个答案: