d3.js - D3のreturnステートメントに改行を挿入する方法

Question

私は次のコードd3コードを持っています：

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

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

単語数を新しい行に表示したい。ただし、上記のコードでは、すべてが1行になります。出力を2行にする方法を教えてください。

ありがとう、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 要素を使用します。詳細については、ドキュメントを確認してください。