css - テキストが収まる場合にのみ、d3.jsを使用してSVG矩形にテキストを表示するにはどうすればよいですか?

Question

サイズの異なる rect 要素の束を含む d3 を使用してビジュアライゼーションを作成しています。各 rect 要素に「キャプション」を入れたいのですが、テキストが自然に収まる場合にのみ表示されるようにしたいです。これはどのように行われますか？

Answer 1

テキストの境界ボックスを取得し、要素に対して大きすぎるかどうかを確認し、rectそうであれば削除します。テキスト要素の境界ボックスを取得する方法の例を次に示します。