javascript - d3 Node 工具提示值多行

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();
});

// result =“金额”：200 \ n“金额”：300 \ n“金额”：400
 我想显示工具提示，使其在\ n之后出现在该工具提示的新行中。

如何实现呢？

提前致谢

最佳答案

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

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

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