簡體   English   中英

flot和mysql jquery

[英]flot ,and mysql jquery

使用flot從數據庫中繪制數據時出現問題。 我在php中使用json_encode嘗試獲取繪圖數據,但未成功。 下面是我的代碼,請協助

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>`enter code here`
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Flot Examples</title>
    <link href="./flot/layout.css" rel="stylesheet" type="text/css">
    <!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../excanvas.min.js"></script><![endif]-->
    <script language="javascript" type="text/javascript" src="./flot/jquery.js"></script>
    <script language="javascript" type="text/javascript" src="./flot/jquery.flot.js"></script>

 </head>
    <body>

    <h1>Database Plotting</h1>

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

<?php

    $server = "localhost";
    $user="user";
    $password="password"; 
    $database = "database";

    $connection = mysql_connect($server,$user,$password);
    $db = mysql_select_db($database,$connection);

    $query = "SELECT x_value, y_value FROM table";
    $result = mysql_query($query);  

    while($row = mysql_fetch_assoc($result))
    {
        $dataset1[] = array($row['x_value'],$row['y_value']);
    }

?>


<script type="text/javascript">
$(function () {
    var dataset1 = <?php echo json_encode($dataset1,); ?>;

    $.plot($("#placeholder"),[dataset1] );
});
</script>

 </body>
</html>      

因此,來自json-encode dataset1的輸出為以下[["1380111342","0"],["1380111679","0"],["1380112099","20"],["1380112109","300"],["1380112114","40"],["1380112120","56"],["1380112127","36"],["1380112132","40"],["1380112138","78"]]

嘗試更改此行:

$.plot($("#placeholder"), [dataset1] );  

對此:

$.plot($("#placeholder"), [JSON.parse(dataset1)]);
var dataset1 = <?php echo json_encode($dataset1,); ?>;

在“ $ dataset1”之后丟失逗號,並在末尾使用分號。

這應該可以正常工作:

var dataset1 = <?php echo json_encode($dataset1); ?>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM