在Google Charts y轴上将时间格式设置为小时：分钟

Question

我有一张Google图表，其中y轴以分钟为单位进行测量。

如何格式化y轴，以便标签以 2hrs40 ， 2:40 或其他格式显示时间类似？我不想在原始分钟中显示时间，我不希望在90分钟内将其显示为“1.5”等小数。

documentation告诉我使用ICU Pattern Set，但我无法从该页面中弄明白。

这可能吗？如果我不能直接格式化这样的时间，有没有办法可以通过使用Javascript更改<svg>元素来“破解”图表？

Answer 1

格式化选项不允许您这样做。但是，您可以使用vAxis.ticks选项手动指定要用于刻度线的值以及要用于表示值的字符串。 vAxis.ticks选项采用一组对象，其中每个对象具有v（值）和f（格式化值 - 图表上显示的内容）属性。这样的事情应该有效：

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

Answer 2

谷歌允许你这样做....我这样做是为了显示数据，例如＆＃34; 5分钟＆＃34;。在您的选项中执行此操作：

            vAxis: {
            format: 'm \'mins\''
        },