javascript - 谷歌图表折线图中的 datetime.timedelta

标签 javascript datetime google-visualization jinja2 timedelta

我很难在折线图中使用 datetime.timedelta 值作为 y 轴。

这是我的:

var data = new google.visualization.DataTable();
data.addColumn('string', 'Day');
data.addColumn('timedelta', 'Time Average');

data.addRow(['Oct-20', {{ timedeltaObject }})]);

我猜由于类型无效,图表无法呈现。我需要使用时间作为我的 y 轴的值,特别是小时和分钟。比如 Oct-20,我花了 2 小时 5 分钟做 X。它应该在图表上绘制该值。

我知道可以绘制日期时间对象,但我特别需要时间值而不是日期值。

最佳答案

我设法让它工作,而不是通过 Jinja 传递 timedelta 对象,在我的 python 代码中,我从 timedelta 对象获取小时和分钟并将它们添加到列表 [hours, minutes, seconds ] 具有适当的值。

然后在 googleVisualization 中,我使用 data.addColumn('timeofday', 'Time Average'); 并传入我的列表。

注意:此方法仅适用于 24 小时以内的值。

关于javascript - 谷歌图表折线图中的 datetime.timedelta,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46853136/

相关文章:

导出谷歌图表?

javascript - 需要 Google 图表帮助,用于带有额外垂直线的需求和供应图表

javascript - 改变innerHTML的一个字母

mysql - 创建预订系统,但我很难将输入日期插入 MySQL 表

php - mysql 服务器不接受 id 和 datetime 作为新记录

java - DateUtils.parseDate 异常

javascript - 包含通配符的最少字符数

javascript - Google Map API v3 - 超出最大调用堆栈大小

javascript - 在 JavaScript 中快速重绘 unicode 符号数组

javascript - 如何在 Google Charts 仪表板中运行两个查询并使用控件显示两个图表