关于javascript:在Google图表y轴上将时间格式设置为小时:分钟

Format a time as hours:minutes on a Google Charts y-axis

我有一个Google图表,其中y轴以分钟为单位。

如何格式化y轴,以便标签以2hrs402:40之类的格式显示时间?我不想以原始分钟数显示时间,也不想在90分钟内将其显示为小数,例如" 1.5 "。

文档告诉我使用ICU模式集,但是我无法从该页面中找到它。

这可能吗?如果我不能直接格式化时间,是否有办法通过使用Java脚本更改<svg>元素来"破解"图表?


格式化选项不允许您执行此操作。但是,可以使用vAxis.ticks选项手动指定用于刻度线的值以及要用来表示这些值的字符串。 vAxis.ticks选项采用对象数组,其中每个对象都具有v(值)和f(格式化值-在图表上显示的内容)属性。这样的事情应该起作用:

1
2
3
vAxis: {
    ticks: [{v: 0, f: '0:00'}, {v: 30, f: '0:30'}, {v: 60, f: '1:00'}, {v: 90, f: '1:30'}]
}


Google允许您这样做。...我这样做是为了显示" 5分钟"之类的数据。在您的选择中执行以下操作:

1
2
3
            vAxis: {
            format: 'm \'mins\''
        },