0

php を使用して mySql データベースからデータを取得し、flot を使用してグラフをプロットしています。クエリは正常に動作しますが、コードを実行してもグラフが表示されません。グラフがあるはずの場所に空白ができています。ここに私が持っているものがあります:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Flot Graph</title>
<link href="layout.css" rel="stylesheet" type="text/css">

<script language="javascript" type="text/javascript" src="../jquery.js"></script>
<script language="javascript" type="text/javascript" src="../jquery.flot.js"></script>

 </head>
<body>
<h1>Flot Graph</h1>

<div  id="placeholder" style="width:600px;height:300px;"></div>

<?php

$mysqli=new mysqli('localhost','root',"",'simpledb');

  $sql="select name, age from `people` where age=23";


  $results = $mysqli->query($sql);
  if ($results)
  {
    while ($row=$results->fetch_assoc())
    {
      $dataset1[] = array($row['name'],$row['age']);
    }
  }
  else
  {

    echo "Error";
  }

?>


<script type="text/javascript">
var dataset1 = <?php echo json_encode($dataset1); ?>;
$(function () 
{
$.plot($("#placeholder"), [
 {
     data: dataset1,
     bars: {show: true}
    }
]);
});
</script>



 </body>
</html>
4

2 に答える 2

1

x 値は文字列のようですが、カテゴリ プラグインが含まれていません。

于 2013-10-31T12:32:04.857 に答える
0

みんな、ありがとう。私はそれを働かせました。問題が何であるかはわかりませんが、javascript の部分を次のように変更した後は機能しました。

$(function () 
{

$.plot("#placeholder", [ dataset1 ], {
  series: {
    bars: {
      show:true,
      barWidth: 0.6,
      align: "center"
      }
    },
    xaxis: {
      mode: "categories",
      tickLength:0
      }
    });

});

于 2013-11-01T10:56:22.180 に答える