d3.js - 如何在 D3 的返回语句中插入换行符

Question

我有以下代码 d3 代码：

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

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

我希望字数出现在新行上。但是，上面的代码导致所有内容都在一行上。我怎样才能让输出在两行上？

谢谢，啊

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 元素而不是允许换行符的文本。查看文档以获取更多详细信息。