獲取flot條形圖的指定格式的數據

Question

我正在嘗試繪制一個flot條形圖，我無法以flot所需的方式獲取數據。請問我在哪里做錯了？ 我的查詢返回結果，如A-250，B-100，C-300等。我的代碼如下所示：

<?php 
require_once('../../Connections/finalkms.php'); 

mysql_select_db($database_finalkms, $finalkms);
$query_getmaincatdetails = "SELECT `EquipmentMainCatagory`,count(`EquipmentMainCatagory`) FROM `assetinfo` group by EquipmentMainCatagory HAVING EquipmentMainCatagory !=''";
$getmaincatdetails = mysql_query($query_getmaincatdetails, $finalkms) or die(mysql_error());
$row_getmaincatdetails = mysql_fetch_assoc($getmaincatdetails);
$totalRows_getmaincatdetails = mysql_num_rows($getmaincatdetails);

         for ($i = 1; $i <=$totalRows_getmaincatdetails ; $i++) 
         { 

          $ticks[] = array( $i,(int)$row_getmaincatdetails['EquipmentMainCatagory']);

          $data[] = array( $i,(int)$row_getmaincatdetails['count(`EquipmentMainCatagory`)']);           

          }

    $jsonTable = json_encode(array("data" => $data, "ticks" => $ticks));

?>

在Js：

<script type="text/javascript">

    var data1 =<?php echo $jsonTable;?>;

        var options = {
            series: {
                bars: {
                    show: true
                }
            }         
        };

$(document).ready(function () {
            $.plot($("#placeholder"),options);

        });


</script>
<div id="placeholder"></div>

Answer 1

PHP看起來沒問題，在JS方面，你需要這樣的東西：

<script type="text/javascript">

    var dataAndTicks = <?php echo $jsonTable;?>;

    var options = {
        series: {
            bars: {
                show: true
            }
        },
        xaxis: {
            ticks: dataAndTicks['ticks']
        }
    };

   $(document).ready(function () {
        $.plot($("#placeholder"),dataAndTicks['data'], options);

    });

</script>

Answer 2

對於flot圖表，語法如下：

var plot = $.plot(placeholder, data, options)

例

var options = {
    series: {
        lines: { show: true },
        points: { show: true }
    }
};

    var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];

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