【问题标题】:Dygraphs: Adding annotation to my time-seriesDygraphs:为我的时间序列添加注释
【发布时间】:2013-10-07 15:55:27
【问题描述】:

我将继续使用具有时间序列的 Dygraphs。我在这里遵循了文档: http://dygraphs.com/annotations.html 在这里:http://dygraphs.com/gallery/#g/annotations

我的 x 轴是一个 javascript Date() 对象。经检查,我与 Dygraphs 一起使用的时间序列数组示例如下:

[[Wed Sep 25 2013 00:00:00 GMT+0100 (GMT Daylight Time), 5.311174814188838, 11],
[Wed Sep 25 2013 01:00:00 GMT+0100 (GMT Daylight Time), 5.313242976801092, 11],
[Wed Sep 25 2013 02:00:00 GMT+0100 (GMT Daylight Time), 5.310303423288409, 11],
[Wed Sep 25 2013 03:00:00 GMT+0100 (GMT Daylight Time), 5.301762506225051, 11]]

系列可以是“A”和“B”。无论我如何尝试设置注释,它都不起作用。例如,

annDate = new Date('2013 09 25');
g.setAnnotations([
{
  series: "A",
  x: annDate,
  shortText: "L",
  text: "Coldest Day"
}
]);

我曾尝试将日期直接指定为字符串,例如“2013-09-25”等,但无法在图表上显示注释。

编辑 在这里摆弄:http://jsfiddle.net/be8s6/3/

【问题讨论】:

标签: datetime time-series dygraphs


【解决方案1】:

这是您示例的固定版本:http://jsfiddle.net/be8s6/4/

诀窍是将注释表达为:

{
  series: "A",
  x: new Date("2009/07/12 14:00").getTime(),
  shortText: "L",
  text: "Coldest Day"
}

x 值应该是自纪元以来的毫秒数。诚然,这有点令人困惑。

【讨论】:

  • 当然——应该想到这一点。非常感谢。
  • danvk:在之前的帖子中,您可能还记得我在玩折叠周末或有空数据的地方。您提到 x 轴上的时间是连续的。但是,当我尝试在系列中没有与之关联的明确数据点的时间放置一个事件时,它无法显示。相反,我的事件必须发生在有真实数据点的时刻。鉴于时间是连续的,这不是我所期望的工作方式。我错过了什么吗?
  • 在 dygraphs 中有一个错误,您只能在数据点添加注释。 code.google.com/p/dygraphs/issues/…
  • 是的,我实际上运行了一个算法,它逐步遍历我的时间序列并在我想要添加注释的日期/时间添加数据点。
  • 你又为我节省了 5 小时 :)
猜你喜欢
  • 1970-01-01
  • 2022-01-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-06-19
  • 1970-01-01
  • 2018-02-18
  • 1970-01-01
相关资源
最近更新 更多