如何在D3的return语句中插入换行符

Question

我有以下代码d3代码：

tooltip.select("#popupCount").text(function(){

if (varToGraph == "rough_top_cost"){
return " " + textValue + ": $" + addCommas(allCountyData[countyName][varToGraph]) + "\n" +
"Count:"
}})

我希望单词计数出现在新行上。但是，上面的代码导致所有内容都在一行上。如何将输出设置为两行？

谢谢， AH

Answer 1

未经测试的答案，但FWIW可能会接近;

tooltip.select("#popupCount").html(function(){
if (varToGraph == "rough_top_cost"){
return " " + textValue + ": <br/>$" + addCommas(allCountyData[countyName][varToGraph]) + "\n" +
"Count:"
}})

使用D3 Tips and Tricks第80页提供的示例，其中包含带换行符的工具提示。

使用html元素而不是允许换行的文本。查看文档以获取更多详细信息。