如何将复杂格式应用于Google Visualization Chart的垂直轴?

时间:2011-11-03 14:39:27

标签: javascript google-visualization number-formatting

Google可视化图表的垂直轴格式可以更改为this

options['vAxis'] = {'format': "#,###'%'"};

但我想以更复杂的方式格式化我的轴标签,这需要对数字应用一些操作。

在我的特殊情况下,我的标签代表时间(以秒为单位),我想用几分钟和几秒来显示它们,即'Xmin Ysecs'。

请注意,google.visualization。* formatter_name *方法仅更改工具提示中的值格式,而不是轴标签中的值。

有人知道怎么做吗?

感谢。

1 个答案:

答案 0 :(得分:1)

Google使用ICU格式的子集,这是ICU页面,用于说明如何格式化日期和时间:

http://userguide.icu-project.org/formatparse/datetime

您的变量应采用日期时间格式,以下是示例:

http://code.google.com/apis/chart/interactive/docs/gallery/annotatedtimeline.html#Data_Format

只需指定日期格式

dateFormat

string'MMMM dd,yyyy'或'HH:mm MMMM dd,yyyy',具体取决于第一列的类型(分别为日期或日期时间)。

用于在右上角显示日期信息的格式。此字段的格式由java SimpleDateFormat类指定。

所以,为了显示时间你需要像'HH:mm:ss'

这样的东西