Question

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);   //result="Amount":200\n"Amount":300\n"Amount":400  
})
.on("mouseout", function() {      
    d3.select(this).select('text.info').remove();
});

//结果=＆＃34;量＆＃34;：200 \ n＆＃34;量＆＃34;：300 \ n＆＃34;量＆＃34;：400
我想显示工具提示，以便在它出现在该工具提示中的新行之后。

如何实现呢？

提前致谢

Answer 1

我可以看到您发布的代码中设置了result，但我们看不到的是result设置为获取您正在“包含”的内容。这样我们就可以帮助您更好地解释这些经过验证的建议的应用。但无论如何，请查看这些资源以帮助您完成任务。

http://bl.ocks.org/mbostock/7555321

How to dynamically display a multiline text in D3.js?

Answer 2

在其他部分添加＆＃34;金额：＆＃34; +计数+＆＃34; \ n＆＃34;当你连接换行符时

d3 node-tooltip值为多行

2 个答案: