D3.js项目符号图 - 如何以 precentage(n%) 而不是仅以值 (n) 输出范围/x 轴值

D3.js Bullet Graph - how to output ranges / x-axis values in precentage(n%) rather than in values only (n)?

本文关键字:轴值 范围 输出 符号 项目 js D3 precentage      更新时间:2023-09-26

[ http://mbostock.github.com/d3/ex/bullet.html ] 是 D3.js 项目符号图示例。 在这里,我想以百分比输出值 x 轴。在第一个图表"收入"中:

0% , 50% , 150% ,

200% , 250% , 300%而不是0,50,150,200,250,300

把它放在 d3.json() 调用的底部

//axis label format
svg.selectAll("g.tick").select('text').text(function (t) {
      return t*10 + "%";
});
简单地将

幅度乘以 10 然后连接一个"%"字符就足够了吗?

我最好的,

弗兰克