2014-02-28 48 views
0

請參閱此琴:http://jsfiddle.net/rdesai/5stce/40/獲取工具提示不正確的數據

的數據,該提示是取不正確。我如何解決它?代碼

相關部分:

episode.selectAll("rect") 
.data(function(d) { return d.ages; }) 
.enter().append("rect") 
.attr("width", x.rangeBand() - 15) 
.attr("y", function(d) { return y(d.y1); }) 
.attr("height", function(d) { return y(d.y0) - y(d.y1); }) 
.style("fill", function(d) { return color(d.name); }) 
.on("mouseover", function(d) {  
    tooltip.transition().duration(200).style("opacity", .9);  
    tooltip.html("YES: " + Number(d.y1*100) + "%<br/>NO: " + Number(d.y0*100) + "%") 
    .style("left", (d3.event.pageX) + "px")  
    .style("top", (d3.event.pageY - 28) + "px");  
})     
.on("mouseout", function(d) {  
    tooltip.transition().duration(500).style("opacity", 0); 
}); 

回答

1

我試過,但不能與你的代碼做出來。所以我用另一種方法來查找百分比,如果你喜歡使用它。

Fiddle

var x=Number($(this).attr("height"))/45; 
    if($(this).css("fill")=="rgb(255, 51, 50)"){ 
    tooltip.html("YES: " + Number((10-x)*10) + "%<br/>NO: " + Number(x*10) + "%") 
    } 
    else 
    { 
    tooltip.html("YES: " + Number((x)*10) + "%<br/>NO: " + Number(10-x)*10 + "%") 
    } 
+0

謝謝你的回答! :)你能幫我跟這個問題:http://stackoverflow.com/questions/22089076/how-do-i-style-the-bars-like-this? –