首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在图形中显示YYYY-MM-DD HH:MM:SS的范围

问如何在图形中显示YYYY-MM-DD HH:MM:SS的范围
EN

Stack Overflow用户
提问于 2014-10-14 20:20:25
回答 3查看 907关注 0票数 1

我有一个收集数据的csv。CSV如下所示:

代码语言:javascript
复制
date_time,temp
2014-10-14 03:37:56,21.50
2014-10-14 03:53:04,21.56
2014-10-14 04:08:12,21.50
2014-10-14 04:23:19,21.50
2014-10-14 04:38:27,21.44
2014-10-14 04:53:35,21.50
2014-10-14 05:08:43,21.50
2014-10-14 05:23:51,21.44
2014-10-14 05:38:58,21.38
2014-10-14 05:54:06,21.44
2014-10-14 06:09:14,21.44
2014-10-14 06:24:22,21.38
2014-10-14 06:39:29,21.38
2014-10-14 06:54:37,21.38

然后我在一个html文件中有这个代码:

代码语言:javascript
复制
<html>
<head>
<script type="text/javascript" src="dygraph-combined.js"></script>
</head>
<body>
<div id="labeldiv" style="width:100%; height:20px;"></div>
<div id="graphdiv" style="width:100%; height:600px;"></div>
<script type="text/javascript">
  g = new Dygraph( 
    document.getElementById("graphdiv"),
    "test.csv",
    {
    strokeWidth: 2.5,
    labelsSeparateLines: false,
    labelsDiv: "labeldiv",
    legend: "always",
    showRangeSelector: true,
    } 
  );
</script>
</body>
</html>

它的工作正常,但我希望有一个可能性,以选择只有特定的日期和时间段,而不是显示整个期间从CSV。我尝试指定像dateWindow: ["2014-10-14 04:53:35","2014-10-14 06:09:14"]这样的参数,但似乎不起作用。

有人能帮我这个忙吗?有没有可能用我正在尝试的方式做这件事?在dateWindow中使用之前,是否必须将YYYY-MM-DD HH:MM:SS转换为其他格式?

EN

回答 3

Stack Overflow用户

发布于 2014-10-15 00:08:56

documentation for dateWindow声明:

最初会放大图形的一部分。的形式是最早的,最新的,其中最早/最晚是从纪元开始的毫秒。如果x轴的数据是数字,则dateWindow中的值也必须是数字。

类型:两个数字的数组

默认值:显示输入的全范围

所以你应该设置:

代码语言:javascript
复制
dateWindow: [Date.parse("2014-10-14 04:53:35"),
             Date.parse("2014-10-14 06:09:14")]
票数 1
EN

Stack Overflow用户

发布于 2014-10-19 08:02:15

我一直在使用变通方法。我从一个php页面调用dygraph,它选择要显示的数据(过去24小时、上周、上个月等等)。一个优点是,对于大数据文件,您不需要发送所有内容,它可以明显更快,这不是因为dygraph很慢(它不是),而是因为您需要通过线路发送的数据较少。一旦加载了数据选择,您可以轻松地选择较小的部分,但如果您想要更大的选择,则必须返回到调用页面。

票数 0
EN

Stack Overflow用户

发布于 2014-10-29 22:18:31

在我看来,使用mysql数据库存储延时数据似乎有些过分,但这是一种可行的方法。我通常会为需要访问和修改单个记录的情况保留数据库,可能需要多个同时使用的用户,或者需要根据多个标准对数据进行排序。对于延时数据,附加到以逗号分隔的平面文件的效率要高得多。在我的例子中,在保存到文件之前,我将日期/时间戳转换为Unix时间变量格式。这使得以后选择时间范围变得非常容易。然后,我可以在将时间变量发送到浏览器之前,或者在发送到dygraph之前,在JavaScript中将时间变量转换为人类可读的时间/日期字符串格式。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26360684

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档