js条形图,持续时间以小时和分钟为单位

时间:2016-10-11 18:41:15

标签: javascript ruby-on-rails google-visualization

我需要为小时和分钟的持续时间构建一个条形图,带有分组条,用于

等数据

[label,durate_A,durate_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

有人能告诉我我能用什么?

P.S。 我正在开发RoR: - )

非常感谢!

1 个答案:

答案 0 :(得分:2)

结帐d3.js(https://d3js.org/)。它是一个SVG帮助程序库,在线有很多很棒的例子。

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