d3.js - 标记 D3 条形图（带正负条）

Question

所以，我有这个条形图，我需要标记条形，但有些是正面的，有些是负面的。我已经得到了负面的覆盖...

http://randomness.s3.amazonaws.com/bar_labels.html

对于正数条，如何将这些标签移动到条的末尾而不影响负值条标签？

这甚至可能吗？

Answer 1

设置 x 属性时使用 if 语句：

.attr("x", function(d, i) { 
    if (d.value <= 0) {return  x(Math.min(0, d.value)) - 15;}
    else {return  x(Math.min(0, d.value)) + Math.abs(x(d.value) - x(0)) + 1;}
})

如http://jsfiddle.net/qAHC2/141/