在x軸上添加日期usig flot圖

我正在使用的代碼如下。我想根據我的數據庫表中的數據製作一個簡單的圖形。它現在正在工作，但我希望在底部軸上的日期顯示不正確。而變量的值是在x軸上添加日期usig flot圖

[25-03-15, 1236], [26-03-15, 3000], [27-03-15, 3054], [30-03-15, 4000]

這是正確的。但我不能在x軸上獲得這個日期。那裏有解決方案？我越來越得到這個值的方法是

<?php 
$usd=$this->db->query('select transaction_date, SUM(amount) as total from transactions GROUP BY transaction_date')->result_array(); 
$str = ''; 
for($i=0; $i<count($usd); $i++){ 
    if($i!=0){ 
     $str = $str.', ['.date('d-m-y', strtotime($usd[$i]["transaction_date"])).', '.$usd[$i]["total"].']'; 
    }else{ 
     $str = $str.'['.date('d-m-y', strtotime($usd[$i]["transaction_date"])).', '.$usd[$i]["total"].']'; 
    } 
} 

echo $str; 


?>

然後我在Java腳本通過這個數據是這樣的：

var graphData = [{ 

     data: [ <?php echo $str; ?>] 
    } 
];

，但最後我能不能得到x軸的日期。

PS：我正在研究codeigniter應用程序的視圖。

來源

2015-03-31 Shahid Rafiq

現在x軸上有標籤嗎？ – jonmrich 2015-03-31 12:22:54

否x軸上沒有標籤，代碼中只有tickcolor和ticksize。 – 2015-03-31 12:34:36

查看時間序列數據的documentation。

您需要JavaScript時間戳。在PHP你讓他們簡單地用

strtotime($usd[$i]["transaction_date"]) * 1000

那麼你的數據應該是這樣的：

[1427238000000, 1236], [1427324400000, 3000], ...

有關x軸的標籤，使用timeformat選項返回所需的格式：

xaxis: { 
    mode: "time", 
    timeformat: "%d-%m-%y" 
}

來源

2015-03-31 12:47:23 Raidri

23,1236]，[19,3000]，[13,3054]，[19,4000] 這是不是我需要的而且沒有工作的數據。請別的任何東西 – 2015-03-31 13:23:30

在x軸上添加日期usig flot圖

回答

相關問題