问题标签 [annotatedtimeline]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
977 浏览

javascript - 谷歌可视化仪表板中的时间线

我有这个 JSON 代码:

所以“Pocetak”和“Zavrsetak”是一个日期类型。(开始 - 结束日期)。我尝试使用下面的代码来显示 TimeLine。

代码:

和课外绑定时间线:

但不工作,我也没有得到任何错误。只是我什么都没看到,没有表格,没有时间线。没有时间线代码一切正常。如何解决这个问题。如何用对象显示时间线?

0 投票
1 回答
392 浏览

charts - 支持任意日期注释的时间序列图?

我正在制作一个时间序列折线图,目前使用谷歌的标准折线图。数据包含一组日期和大约十几个不同类别的值。将这一切绘制到图表上没有问题。

我遇到的是我想在图表上覆盖不同的里程碑,我正在寻找的是给定日期的某种注释标记。问题是不能保证这些里程碑之一的日期必然与其中一个数据点的日期相同,至少到目前为止,谷歌的注释图或向折线图添加注释似乎都需要注释作为可选文本添加到预先存在的数据点。

我开始使用 Rickshaw 是因为一些教程使它看起来支持任意注释点,但要让它看起来像开箱即用的 Google 图表一样漂亮似乎需要做一些工作。

如果注释日期与现有数据点的日期不匹配,是否有办法或黑客或其他方法向 Google 注释图表添加注释?或者是否有其他图表库可以更轻松地处理这个问题?

0 投票
0 回答
268 浏览

r - gvisAnnotationChart 和 zoomStartTime / zoomEndTime

我在使用 googleVis 包中的 gvisAnnotationChart 的 zoomStartTime 和 zoomEndTime 参数时遇到了一些问题。

具体来说,运行示例三:

在 y 滚动区域中生成带有“未定义不是函数”的图。

文档声明“放大时间窗口,没有 Y 轴刻度”,但没有其他信息。我在 JSFiddle 上看到了几个关于这项工作的示例,Configuring Google Annotated Timeline,但我无法将其翻译为 R。任何帮助将不胜感激。

0 投票
1 回答
119 浏览

javascript - 在带注释的时间线上使用数字,而不是秒

我正在尝试使用谷歌图表,“带注释的时间线”

在我想使用数字的列上,

但问题是,数字仍然以毫秒为单位,因此每 60 秒后,时钟被设置回 0(1 分钟),然后继续。我希望它显示为 60、65、70 等等,而不是 0、5、10(每分钟之后)。

当前的

展示为

有没有快速的方法来做到这一点?

编辑:使用简化数据链接到JSFIDDLE(带有原始数据):jsfiddle

0 投票
1 回答
464 浏览

javascript - 谷歌表格带注释的时间线显示确切的值?

我一无所知。我已经对如何在 y 轴和图表顶部显示精确值进行了一些研究,并发现了以下内容:

显示精确值?

确定是否在图形顶部显示缩短的、四舍五入的值,以节省空间;false 表示可能。单击右侧的下拉菜单可查看并选择一个值。例如,如果设置为 false,> 56123.45 可能会显示为 56.12k。

我既找不到这样的“下拉菜单”,也找不到任何其他设置来显示精确值而不是四舍五入的版本。我知道在外部使用脚本并使用 google 脚本库构建图表时这是可能的,但我的数据在一张表中,这意味着我正在使用 Google Drive 而不是 webstie 创建图表,并且要显示的值大于 1000 . 我给予了这个小小的重要性,直到我意识到当我将鼠标悬停在图表上时,尽管线条会上下波动(分别为更大和更小的值),图表顶部显示的大多数点的值是相同的,因为它们因小数而异。

我尝试将这些值除以 1000 并以十进制形式显示它们,后缀为“单位 (x1000) ”,但效果仍然相同,它们被舍入为 2 dp。

我还尝试更改包含值的单元格的格式,但什么也没发生。是否有特定的方式或方法可以在 Google Drive中使用此“显示精确值? ”?有没有我错过的设置?如果有任何代码会更改图表的设置以完全显示值,我也愿意使用谷歌脚本。

此致!!

0 投票
1 回答
173 浏览

php - 谷歌可视化注释时间线:如何使用 PHP json 角色设置角色

我正在尝试使用带注释的时间线和 PHP 通过添加角色来绘制两个不同的时间序列 - 第二个时间序列将有自己的日期时间类型和角色域。这是 index.php 文件:

和服务器端:

控制台错误报告:

错误:每个值列后面可能有一个或两个注释列。第 4 列是日期时间类型。

当我删除第二个域列时,可视化工作。

间隔角色(即误差线)也无法识别。这将问题简化为:我们如何使用 PHP 配置角色?

0 投票
1 回答
106 浏览

google-visualization - Dygraphs equivalent for GViz setVisibleChartRange?

On our website http://tradingderivatives.eu/DAX-root.html, you can select a part of the tables and the graph will respond by zooming; the table event handers call the setVisibleChartRange method of the graph. Is there something similar for the graphs by Dygraphs?

I tried,among others, to google for "setVisibleChartRange Dygraphs" but nothing useful appears.

0 投票
1 回答
239 浏览

javascript - 不使用日期格式的谷歌注释图表

我想使用 Google Charts API 创建一个带注释的图表,例如示例页面上的图表: https ://developers.google.com/chart/interactive/docs/gallery/annotationchart

但是,我的数据不是日期格式,它是两列,每列包含一个不代表时间的数字。

当我尝试绘制图表时,我收到一条错误消息,指出第一列必须是日期或日期时间格式。

我试图通过将第一列更改为:

图表绘制了我的数据,但 x 轴标签都是我不想要的日期!我怎样才能让标签成为我的号码?

0 投票
1 回答
843 浏览

android - 在水平时间线上设置文本

我正在尝试实现水平时间线。所以我已经编写了设计水平线的代码,但我能够弄清楚我将如何在该行的上方和下方编写文本。

还有一件事我不想使用任何其他库。

目标图像T

我已经尝试通过自定义视图来解决它,因为这里的人已经被建议但被击中了。

时间线段.xml

时间线段.java

0 投票
1 回答
40 浏览

php - Google Annotatedtimeline 数据被时间戳弄乱了

我正在使用 google annotatedtimeline 作为监控传感器的设备。我正在使用 mqtt python 脚本将数据发送到 MYSQL 数据库。所以我从数据库中收到了我的时间线数据。我有单独的传感器流量传感器和仪表传感器,我希望它们都显示在时间线上,所以我使用 datajoin。问题是其中一个传感器时间线开始得早或晚,如下所示:

在此处输入图像描述

如您所见,蓝线开始的时间晚于红线。具体来说,红色是仪表,蓝色是流量。

现在,我的数据如下所示:

通过使用这样的 SQL 查询:

以及我如何使用 php 编辑数据:

我的时间戳应该有问题,因为如果我在 phpmyadmin 上执行查询,它总是给出比预期更早开始或结束的传感器时间戳值。Soo .. 我的 sql 查询是否有问题,或者我在其他方面做得不对?