d3.js - d3 自定义数字格式

Question

如何使用 d3 选择自定义千位和小数点分隔符？
即，输入号码为221343.455。输出应该是 221 343,455

这似乎并不简单，因为有这个选项可以选择逗号是否应该是分隔符。

编辑#1:应该使用 d3，因为我使用的是一个图表库，它获取 d3 格式来处理一个轴的刻度

编辑#2:我绑定(bind)到 d3 的 v3.5.0 这个版本

提前致谢。

Answer 1

为此，您需要两件事:

一个定制locale object设置分组和小数分隔符:

var locale = d3.formatLocale({
  decimal: ",",
  thousands: " ",
  grouping: [3]
});

一个 format specifier它利用了这些分隔符:

var format = locale.format(",.3f");

查看以下代码片段以获取工作演示:

var locale = d3.formatLocale({
  decimal: ",",
  thousands: " ",
  grouping: [3]
});

var format = locale.format(",.3f");

console.log(format(221343.455));   // 221 343,455

<script src="https://d3js.org/d3.v4.js"></script>