javascript - 将数据插入 Flot

Question

我很难在 Flot 图上显示一组数据。我正在使用 jQuery Ajax/PHP/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数据格式文档。