javascript - 将时间格式化为小时 :minutes on a Google Charts y-axis

标签 javascript charts google-visualization

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

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

documentation告诉我使用 ICU Pattern Set ,但我无法从该页面中找出答案。

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

最佳答案

格式化选项不允许您这样做。但是,您可以使用 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'}]
}

关于javascript - 将时间格式化为小时 :minutes on a Google Charts y-axis,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19781363/

相关文章:

javascript - 我可以将 <PRE> 标签嵌入到 <P> 标签中吗?

javascript - 如何用js设置cookies过期时间?

d3.js - 是否有一个可行的实现来在一页上适应多个 d3 图表,如折线、条形图等?

php - 具有两个图表系列的 Google 图表 (SQL/PHP)

api - 您如何在Google Visualization Chart API中设置百分比?

javascript - 使用 Javascript 更改网页的背景颜色

带有一些附加条件的 Javascript REGEX : To allow ONLY specific characters,?

charts - 更改谷歌 Material 条形图上的颜色

javascript - 倾斜的 Highcharts 轴标签与图例重叠

javascript - 在Google Charts LineChart中绘制多个DataTable