javascript - js 条形图显示持续时间(以小时和分钟为单位)

标签 javascript ruby-on-rails google-visualization

我需要构建一个以小时和分钟为单位的持续时间条形图,并带有分组条形图,用于诸如此类的数据

[标签、持续时间_A、持续时间_B]

[[type_A, 00:30, 07:25], [type_B, 33:14, 7:05], [type_C, 00:00, 09:00]]

我尝试使用谷歌图表,它非常简单,但似乎它不能处理比​​例和 Y 轴的持续时间,所以我需要以分钟为单位转换持续时间以获得良好的结果,但不是我想要的!

在此示例中,蓝色列的值为 150(分钟),但我会是 02:30

enter image description here

有人可以告诉我我可以使用什么吗?

附注 我正在 RoR 上进行开发:-)

非常感谢!

最佳答案

查看 d3.js ( https://d3js.org/ )。它是一个 SVG 帮助程序库,在线有很多精彩的示例。

这是条形图的示例。 https://bl.ocks.org/mbostock/3885304

关于javascript - js 条形图显示持续时间(以小时和分钟为单位),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39984428/

相关文章:

javascript - indexedDB:删除功能不起作用

javascript - "if"javascript中的语句并在标签中显示结果

sql - 按任意时间间隔计算行数的最佳方法

javascript - 复杂的 JS 对象

javascript - 如何在谷歌区域或折线图上显示单个数据点

javascript - 按第一个字母的字母顺序对 JSON 进行排序

javascript - .toFixed() 如果数字对于元素来说太大

ruby-on-rails - Rails 3 - 某些集合上的未定义方法

ruby-on-rails - HTML5 Boilerplate 对 Rails 应用程序的值(value)是什么?

php - 如何使用 php 循环将 mysql 数据放入 google 图表中?