Javascript 使用flot图在x轴中添加日期

下面是我正在使用的代码。 我想根据数据库表中的数据制作一个简单的图表。 它现在正在工作，但我希望底部轴上的日期没有正确显示。 而变量的值是

[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; ?>]
    }
];

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

但最后我无法得到x轴上的日期

附言： 我正在研究codeigniter应用程序的视图。

查看时间序列数据的视图

您需要javascript时间戳。在PHP中，只需使用

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

那么您的数据应该如下所示：

var graphData = [{

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

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

对于x轴上的标签，使用timeformat选项返回所需的格式：

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

---

现在x轴上有标签吗？没有，x轴上没有标签，代码中只有tickcolor和ticksize。231236]，[193000]，[133054]，[194000]这是我不需要的数据，无法工作。还有别的吗