javascript - 将时间格式化为 Google 图表 y 轴上的小时：分钟

Question

我有一个谷歌图表，其中 y 轴以分钟为单位。

如何格式化 y 轴，以便标签以2hrs40、 或2:40或类似格式显示时间？我不想以原始分钟数显示时间，也不想将它显示为像“1.5”这样的小数 90 分钟。

文档告诉我使用ICU Pattern Set，但我无法从该页面中弄清楚。

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

Answer 1

格式选项不允许您这样做。但是，您可以使用该vAxis.ticks选项手动指定用于刻度线的值以及要用于表示这些值的字符串。该vAxis.ticks选项采用对象数组，其中每个对象具有v(value) 和f(formatted value - 图表上显示的内容) 属性。像这样的东西应该工作：

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

Answer 2

谷歌让你这样做......我这样做是为了显示像“5分钟”这样的数据。在您的选项中执行以下操作：

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