谷歌图表垂直轴与百分比符号

时间:2014-03-18 07:54:55

标签: javascript charts google-visualization

我使用谷歌图表api在我的应用程序中显示折线图,在该图表中现在我想显示带有百分号的垂直轴值。为此,我尝试了以下选项

chart.draw(data, {vAxis: {format:'#%'} } );

中所述

How do you set percentage in Google Visualization Chart API?

通过' B七'

使用这种方法时,垂直轴值乘以100.即不是“12%”。 - 我在vaxis中得到1200%!!!!

我已经检查了https://developers.google.com文件,我找不到任何方法来做到这一点。

是否有任何替代品可以在vaxis中显示百分号。

2 个答案:

答案 0 :(得分:31)

转换百分号的格式对我有用。

chart.draw(data, {vAxis: {format: '#\'%\''} } );

这显示Y轴标签带有百分号,没有像我预期的那样更新任何数据。

答案 1 :(得分:1)

问题是没有数据类型percentage,只有numberdate ... Google文档将hAxis.formatvAxis.format描述为:

对于数字轴标签,这是十进制格式ICU模式集的子集。例如,{format:'#,###%'}将显示值" 1,000%"," 750%"和&#34 ; 50%"对于值10,7.5和0.5。

并且ICU pattern set声明:

%   Prefix or suffix    Yes Multiply by 100 and show as percentage

因此,似乎唯一的选择是在服务器端或客户端将值除以100。