如何将复杂格式应用于 Google 可视化图表的垂直轴?

Posted

技术标签:

【中文标题】如何将复杂格式应用于 Google 可视化图表的垂直轴?【英文标题】:How to apply complex formats to the vertical axis of a Google Visualization Chart? 【发布时间】:2011-11-03 14:39:27 【问题描述】:

谷歌可视化图表的纵轴格式可以更改为this:

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

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

在我的特定情况下,我的标签将代表时间(以秒为单位),我想以分钟和秒为单位显示它们,即“Xmin Ysecs”。

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

有人知道怎么做吗?

谢谢。

【问题讨论】:

【参考方案1】:

Google 使用 ICU 格式的子集,这里是 ICU 页面,他们告诉如何格式化日期和时间:

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

你的变量应该是日期时间格式,下面是例子:

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

只需指定您的日期格式

日期格式

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

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

因此,为了显示时间,您需要类似 'HH:mm:ss'

【讨论】:

以上是关于如何将复杂格式应用于 Google 可视化图表的垂直轴?的主要内容,如果未能解决你的问题,请参考以下文章

如何为 Google 表格图表设置水平(或垂直)轴数字格式?

如何使用JSON数据为Google Charts实现样式或属性?

图表形状样式怎么设置

如何将枯燥的大数据呈现为可视化的图?

厉害了,用Python绘制动态可视化图表,并保存成gif格式

6 个设计准则让图表焕然一新,数据可视化并不难!