我有一个谷歌图表,y轴以分钟为单位。将时间格式化为谷歌图表y轴上的小时:分钟
如何设置格式y轴这样的标签在像2hrs40
的格式显示时间,或2:40
,或类似的东西?我不想在原始分钟显示时间,我不想在90分钟内显示为小数点,例如“1.5”。
documentation告诉我使用ICU Pattern Set,但我无法从该页面中找出它。
这可能吗?如果我不能直接格式化这样的时间,有没有办法通过改变使用Javascript的<svg>
元素来“破解”图表?
我有一个谷歌图表,y轴以分钟为单位。将时间格式化为谷歌图表y轴上的小时:分钟
如何设置格式y轴这样的标签在像2hrs40
的格式显示时间,或2:40
,或类似的东西?我不想在原始分钟显示时间,我不想在90分钟内显示为小数点,例如“1.5”。
documentation告诉我使用ICU Pattern Set,但我无法从该页面中找出它。
这可能吗?如果我不能直接格式化这样的时间,有没有办法通过改变使用Javascript的<svg>
元素来“破解”图表?
格式化选项不允许您这样做。但是,您可以使用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'}]
}
谷歌让你这样做....我这样做是为了显示像“5分钟”的数据。在你选择这样做:
vAxis: {
format: 'm \'mins\''
},
这工作。由于事先并不知道Y轴的范围是什么,我不得不动态地生成'ticks'对象,这有点冒险,但无论如何。谢谢! – GMA