将数据插入Flot

Question

我很难在Flot图上显示数据数组。我使用PHP Ajax/ jQuery /MySQL来做这件事。

我使用PHP/MySQL通过数组创建：

  $result = mysql_query("SELECT * FROM happiness");
  $array = array();
  while($row = mysql_fetch_array($result)) {
    $array[] = $row[3];
    $array[] = $row[2];
  }

  echo json_encode($array);

然后像这样通过jQuery Ajax传递给Flot：

$.ajax({                                      
      url: 'receive-happiness.php',   
      dataType: 'json',                      
      success: function(data)          
      {
            var graph_data = [data];              
            alert(graph_data);
            $.plot($("#graph"), [graph_data], options);
      }
    });

当我提醒graph_data时，我得到的信息是：

23,8,23,1,24,0,25,0,26,9,27,10,28,9

但当我检查我的Flot图时，它只显示(23,8)处的一个数据点。哪里出了问题？

Answer 1

您的图形数据应该是一个分组点坐标数组。

试试这个：

$result = mysql_query("SELECT * FROM happiness");
$array = array();
while($row = mysql_fetch_array($result)) {
  $array[] = array($row[3], $row[2]);
}

echo json_encode($array);

当你提醒你的图表数据时，它应该看起来像这样：

[ [23, 8], [23, 1], [24, 0], [25, 0], [26, 9], [27, 10], [28, 9] ]

请参见Flot Data format文档。