在 Flot 图表上显示数据库中的值（使用 mySQL）

Question

我正在尝试使用 php (mySQL) 从数据库读取值，然后将它们显示在 flot 中的图表上。我知道这些值已正确读取，并且没有收到任何错误，但图表不会显示。 帮助不大？

提前致谢。

<?php
while ($row = mysql_fetch_array($result, MYSQL_NUM)) {
    $graphdata[] =  array( (int)$row[0], (int)$row[1] );
}
?>
/////

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

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

var dataset1 = <?php echo json_encode($graphdata);?>;
var data = [
            {
                label: "Random Values",
                data: dataset1
            }
        ];
var plotarea = $("#placeholder");

        $.plot( plotarea , data);
</script>

Answer 1

Pastebin 的内容显示您输出的 JSON 字符串是无效的 JSON。

var data = [{ label: "Random Values",data: dataset1}];

将验证它是否更改为：

var data = [{"label": "Random Values","data": "dataset1"}]

这只是一个示例，但我怀疑 Flot 正在寻找稍微不同的格式，因此您必须根据其文档准确验证他们正在寻找的内容。我现在正在使用 FusionCharts 进行同样的练习，所以我能感受到你的痛苦。 jsonlint.com 是你的朋友，输出你的 JSON 并经常验证它。我还建议一开始就让它工作，从一串 JSON（甚至是从他们的示例中复制的字符串）开始，然后将其直接放入代码中。首先让图表工作，然后让 PHP 单独复制示例 JSON 字符串。

Answer 2

尝试延迟创建图表，直到加载 DOM：

jQuery(document).ready(function ($){
    var plotarea = $("#placeholder");
    $.plot( plotarea , data);
});