如何在amcharts图表中格式化数字实现千位空格分隔效果

解决方案 #

你要实现千位用空格作为分隔符的效果，直接修改numberFormatter的千位分隔符配置即可，操作如下：

1. 如果你不需要大数缩写功能（比如把10000转换为10k），可以先移除当前配置里的bigNumberPrefixes相关代码。
2. 新增千位分隔符配置，参考代码如下：

chart.dateFormatter.dateFormat = "HH:MM ";
// #,### 中的逗号是千分位占位标记，实际渲染会替换为你指定的分隔符
chart.numberFormatter.numberFormat = "#,###";
// 将千分位分隔符设置为空格
chart.numberFormatter.thousandsSeparator = " ";

如果需要保留小数位，比如数值15900.23要展示为15 900.23，把numberFormat调整为#,###.##即可，也可以通过decimalSeparator属性自定义小数点符号。
如果需要保留原有大数缩写功能同时使用空格千分位，只需要保留原有bigNumberPrefixes配置，新增thousandsSeparator: " "配置即可生效。
以上逻辑适配amCharts 3/4/5全版本，仅不同版本的实例调用方式略有差异，核心配置属性通用。

内容的提问来源于stack exchange，提问作者elodie