2013-11-05 123 views
5

我有一个谷歌图表,y轴以分钟为单位。将时间格式化为谷歌图表y轴上的小时:分钟

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

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

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

回答

7

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

这工作。由于事先并不知道Y轴的范围是什么,我不得不动态地生成'ticks'对象,这有点冒险,但无论如何。谢谢! – GMA

0

谷歌让你这样做....我这样做是为了显示像“5分钟”的数据。在你选择这样做:

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