鼠标悬停时d3 node- tooltip更新

时间:2014-07-15 09:18:31

标签: javascript jquery d3.js

var nodeEnter = node.enter().append("g")
    .attr("class", "node")
    .attr("transform", function(d) { return "translate(" + source.y0 + "," + source.x0 + ")";  })
    .on("click", click)
    .on("mouseover",function (d){       
        if(d.name=="Purchased"){                  
            jQuery.getJSON("RequestHandler?usercommand=jsoncompany&subcommand=propCount&useraction=d3Tree_frm&mgmtId="+d.id+"&type="+d.name, function(json){
                var count=JSON.stringify(json.prop_purchased_count);                      
                result="Purchased Property :"+count;                                
            });
        }   
        var g = d3.select(this);              
        var info = g.append("text")
            .classed('info', true)
            .attr('x', 30)
            .attr('y', 30)         
            .text(result);      
    })
    .on("mouseout", function() {      
        d3.select(this).select('text.info').remove();
    });     

我正在使用上面的代码来显示鼠标悬停在节点上的基本工具提示。问题是,当我从一个节点移动到另一个节点时,工具提示值不会快速更新,它会显示我之前的值。如果我将光标移动一点并再次移动到该节点,则只显示该节点的正确值。 如何解决这个问题?

0 个答案:

没有答案