在x轴usig浮点图中添加日期

Question

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

[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应用程序。

Answer 1

请查看时间序列数据的文档 。

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

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

然后您的数据应如下所示：

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

对于x轴上的标签，请使用timeformat选项获取所需的格式：

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