在d3中将数字格式化为百分比

时间:2017-10-02 09:09:15

标签: d3.js formatting superset

目前使用Superset并尝试格式化图表的y轴以将数字显示为百分比。

0.7,0.75,0.9,1.2,1.21等。我希望将它们格式化为0.70%,0.75%,0.90%,1.20%,1.21%等。我很难以这种方式格式化它们。当我使用' .2%'它返回两个小数位,即。 1.21变为121.00%。使用',0.01'将返回1.2,1.21等,但是当将百分比添加到结尾时,它不会显示它 - 而且,当它不存在时,它不会添加第二个小数位。

任何人都知道如何在d3中格式化2点小数位(特别是对于超集,它只接受字符串而不是代码)

2 个答案:

答案 0 :(得分:1)

在超集中编辑表的列选项卡中,您可以在sql表达式中添加一个float类型的新列(column_name)/ 100。所以0.70现在变成0.0070,现在你可以用y轴格式申请.2%。

您可以在这里查看,尝试仅提供字符串

http://koaning.s3-website-us-west-2.amazonaws.com/html/d3format.html

答案 1 :(得分:0)

为什么不简单地将它们与字符串<root><id>278</id><clientID>0</clientID><Number /><Amount>0</Amount></root> 连接起来?

&#13;
&#13;
"%"
&#13;
var numbers = [0.7, 0.75, 0.9, 1.2, 1.21];
var format = d3.format(".2f")
numbers.forEach(function(d){
    console.log(format(d)+ "%")
})
&#13;
&#13;
&#13;