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

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

#1楼 票数:0 已采纳

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

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

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

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

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

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

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

  ask by Shahid Rafiq translate from so

未解决问题?本站智能推荐:

1回复

如何使用浮点显示空白图形

就像标题中指出的那样,我希望为我正在工作的财务计算器显示一个空白的“模板”图(这是指该网页将显示没有任何线条的图)。 网页的基本设置将在顶部带有空白图,在下面具有HTML表单以接受数据输入。 用户输入数据并单击提交后,图形应使用该数据填充。 由此产生两个问题。 首先,有可能吗? 其
1回复

如何在浮点线图中的x轴上显示时间?

我正在尝试显示某个时间范围的最小值和最大值之间的时间间隔。 例如:x轴上为2015-04-30 10:20:00和2015-04-30 10:30:00 我将从数据库中获取所有值(日期时间以2015-04-30 10:27:58格式存储,并通过webmethod传递。 如果我创建v
1回复

Google Analytic:绘制一年中的一周数据,x轴为完整日期,y轴为访问次数

我正在尝试在网站的管理端绘制一组Google Analytics(分析)图。 我正在使用javascript api获取数据,并使用Flot绘制图形。 我的问题是,我必须显示一年中的y轴访问次数(数字)与x轴的访问次数。 我可以绘制图形,但是我需要标签以月/日/年格式显示日期,但要
1回复

在时间轴上使用浮点中的标记

我有一个图表来监视访问网站的人的流量,它目前显示所有数据都没有问题: 我每个月左右都会更新并向订阅我的人发送时事通讯,我想知道是否有一种方法可以在该图上显示这些时事通讯的发布时间。 因此,如果我在图表中查看过去一周的网站流量,而我的时事通讯是在星期一发送的,则该天会在图表上显示
2回复

在浮点图的y轴上使用标签代替数字

目前,为每个team分配了一个值,例如team1.txt == 1 因此,当我绘制图形时,每个团队在x轴(时间轴)上都有一条连续的线。 y轴的值为1 .. 3 ,我如何更改y轴的标签? 因此,我没有看到1作为y轴上的第一个指标,而是看到了team1.txt ..然后,y轴上的下一个值
2回复

隐藏标签的x轴,但仍保留垂直轴jquery flot

我正在寻找有关jquery flot 。 我想隐藏标签的x-axis但我想保持vertical axis 。 这是我的演示代码: 我的演示 在这里,我的照片是我所期望的(删除所有标签x-axis )。 希望大家能帮助我。 非常感谢你。 更新 : 我将代码更新为
1回复

如何在Flot中的x轴上显示时间?

我试图随着时间推移绘制一些数据图。 正在绘制的数据包含: time值的间隔可以为5、60或3600秒。 如何强制Flot绘制图表,在X轴上显示时间: 如果间隔为5秒,则以秒为单位-会有10分钟的数据 如果间隔为60秒,则以分钟为单位-会有1小时的数据 如
2回复

jQuery Flot跳过x轴值

我通读了Flot的大部分文档,但并没有发现任何相关内容。 目前,我的浮点图如下所示: 并且由于中间行没有数据,因此我希望能够将其隐藏,但仍显示来自第一个和最后两个x轴列的数据。 我定义x轴值的方式如下: 效果很好,因为我根据每个元素的第一个数字绘制了数据值,这是某种日