css - 仅当文本适合时，如何使用 d3.js 在 SVG 矩形中显示文本？

Question

我正在使用 d3 创建一个包含一堆不同大小的矩形元素的可视化。我想在每个 rect 元素中添加一个“标题”，但我只希望在文本自然适合的情况下显示它。这将如何完成？

Answer 1

你得到文本的边界框，检查它是否对于元素来说太大了rect，如果是这种情况，就删除它。这是一个如何获取文本元素的边界框的示例。