如何为Google Chart的y轴数值添加自定义后缀?
你的推测是正确的,相关配置确实写在vAxis属性下,只需新增format字段即可实现v轴数值后缀追加,具体配置如下:
var option = { vAxis: { format: '#°C' } }
配置说明:
format字段为Google Charts内置的通用数值格式化配置,填写#°C后,所有自动生成的v轴刻度都会自动在数值后拼接°C后缀,无需手动枚举所有刻度值,适配绝大多数常规使用场景
如果你的场景需要自定义刻度数值、或者有特殊的格式化逻辑,可以用ticks属性手动定义所有刻度的实际值和展示文本,示例如下:
// 示例自定义v轴刻度为0、10、20、30、40,均添加℃后缀 var option = { vAxis: { ticks: [ {v: 0, f: '0°C'}, {v: 10, f: '10°C'}, {v: 20, f: '20°C'}, {v: 30, f: '30°C'}, {v: 40, f: '40°C'} ] } }
- 上述
ticks配置中,v对应数据统计用的实际数值,f对应页面上给用户展示的文本内容
内容的提问来源于stack exchange,提问作者andreasv
相关产品推荐
相关产品推荐

