标记D3条形图(带/正负条)

时间:2012-07-05 21:41:13

标签: d3.js label bar-chart

所以,我有条形图,我需要标记条形图,但有些是积极的,有些是负面的。我有负面的......

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

enter image description here

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

这甚至可能吗?

1 个答案:

答案 0 :(得分:0)

设置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/