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

xe55xuns  于 2023-05-29  发布在  其他
关注(0)|答案(2)|浏览(293)

我目前正在使用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点小数位(特别是超集,它只接受字符串而不是代码)

j0pj023g

j0pj023g1#

在超集中编辑表的列选项卡中,你可以添加一个float类型的新列,在SQL表达式中,你可以给予(column_name)/100。所以0.70现在变成0.0070,现在你可以在y轴格式中申请0.2%。
你可以在这里检查,试着只给出字符串
http://koaning.io/d3-format-tutorial.html

eblbsuwk

eblbsuwk2#

为什么不简单地用字符串"%"连接它们呢?

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)+ "%")
})
<script src="https://d3js.org/d3.v4.min.js"></script>

相关问题