javascript - D3.js子弹图-如何以百分比（n％）而不是仅以值（n）输出范围/ x轴值？

Question

[ http://mbostock.github.com/d3/ex/bullet.html ] 是 D3.js 子弹图示例。在这里，我想以百分比输出值 x 轴。在第一张图表“收入”中：

0% , 50% , 150% , 200% , 250% , 300% 代替 0 , 50 , 150 , 200 , 250 , 300

Answer 1

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

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

Answer 2

将幅度简单地乘以 10 然后连接一个“%”字符是否足够？

我最好的，

坦率