在谷歌图表的 Y 轴值中显示百分比符号[%]

Display percent symbol[%] in Y axis value in google chart

任何人都可以帮助获得 Y 轴值中的百分比 symbol[%]

我已经附上了png。因为在 y axis 0 t0 18 值中,我希望将其视为 0% 到 18%。
http://i.stack.imgur.com/pF6U0.png


不需要 google.visualization 行,只需要下一行:

1
2
3
vAxis: {
    format:"#'%'"
}

解释:
区别在于双引号和单引号。 format 属性遵循用于格式化的 ICU 模式(根据 GChart 规范)。当不使用简单引号时,% 的存在将 x100 乘以每个 ICU 规范的值。因此,通过添加简单的引号, % 是一种转义(更多信息)


您需要在两个地方格式化:数据和轴。要格式化数据,请使用 NumberFormatter:

1
2
3
var formatter = new google.visualization.NumberFormat({pattern: '#%'});
// format column 1 of the DataTable
formatter.format(data, 1);

通过 vAxis.format 选项格式化轴值:

1
2
3
vAxis: {
    format: '#%'
}