【问题标题】:Format a number with SI Prefix, with fixed number of decimals使用 SI 前缀格式化数字,小数位数固定
【发布时间】:2012-12-11 20:30:00
【问题描述】:

我正在查看 d3.format 的可用类型

可用的类型值为:

指数 ("e") - 使用 Number.toExponential。

一般 ("g") - 使用 Number.toPrecision。

fixed ("f") - 使用 Number.toFixed。

integer ("d") - 使用 Number.toString,但忽略任何非整数值。

四舍五入 ("r") - 类似于固定,但四舍五入到精确有效数字。

百分比 ("%") - 类似于固定值,但乘以 100 并以 "%" 为后缀。

四舍五入的百分比 (“p”) - 类似于四舍五入,但乘以 100 并以“%”为后缀。

SI 前缀 ("s") - 类似于圆角,但带有一个单位后缀,例如“9.5M”或“1.00µ”。

https://github.com/mbostock/d3/wiki/Formatting#wiki-d3_format

我想要的是一个类似于固定而不是四舍五入的 SI 前缀是否存在这样的格式选项?

一些例子:

var format = d3.format('.1s');
format(12600000); // Would like 12.6M get 10M
format(12400000); // Would like 12.4M get 10M
format(1240000); // Would like 1.2M get 1M
format(1290000); // Would like 1.3M get 1M

【问题讨论】:

    标签: d3.js


    【解决方案1】:

    你几乎猜对了。使用d3.formatPrefix() 可以获得SI 前缀。为了得到不带小数的四舍五入,我使用了Javascript's .toFixed()

    var prefix = d3.formatPrefix(137594020);
    console.log(prefix.symbol); // "M"
    console.log(prefix.scale(137594020).toFixed()); // 138
    
    var prefix = d3.formatPrefix(13759402);
    console.log(prefix.symbol); // "M"
    console.log(prefix.scale(13759402).toFixed()); // 14
    
    var prefix = d3.formatPrefix(1375);
    console.log(prefix.symbol); // "k"
    console.log(prefix.scale(1375).toFixed()); // 1
    

    您可以通过jsfiddle自己尝试。

    【讨论】:

    • 知道如何在 d3 v4 中实现这一点吗?
    • 这在 d3 v4 中为我工作以获得带有 SI 前缀的固定点:value = 238489000; console.log(d3.formatPrefix('.1f', value)(value)); // 238.5
    【解决方案2】:

    你只需要改变你的

    d3.format('.1s');
    

    通过

    d3.format('.3s');
    

    console.log(d3.format(".3s")(12600000));
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-08-31
      • 2021-03-19
      • 2012-07-05
      • 2019-04-17
      • 1970-01-01
      • 1970-01-01
      • 2011-04-27
      • 1970-01-01
      相关资源
      最近更新 更多