React图表UI中如何给map生成的数字添加百分号?
解决方案
很简单,你只需要在生成的数字后面拼接上百分号%即可,用ES6的模板字符串来处理会非常简洁:
data.risk.scatterIndices.currency.map((el: any) => `${Number((el.percentage * 100).toFixed(3))}%`)
改动说明:
- 保留了你原本处理百分比精度的逻辑:
Number((el.percentage * 100).toFixed(3)),确保数字保留三位小数的精度 - 用模板字符串
`${数字}%`把数字和百分号拼接成字符串,最终生成的数组会是类似["93.5%", "5.1%", "1.5%"]的格式,完全适配React图表UI的展示需求
如果你不习惯模板字符串,也可以用传统的字符串拼接方式:
data.risk.scatterIndices.currency.map((el: any) => Number((el.percentage * 100).toFixed(3)).toString() + '%')
这两种方式都能达到目标,模板字符串的写法会更直观易读。
内容的提问来源于stack exchange,提问作者OMD
相关产品推荐
相关产品推荐

