Javascript 使用D3+TextWrap解决气泡图内的文本问题

我正在努力使用textWrap来正确调整文本的大小和所需的换行符。因此，我不得不用分隔符“；”分割文本在我代码的前面部分中使用正则表达式（15个字符之后）

此时添加文字换行不会影响或将文字渲染为对象

任何帮助或建议都将不胜感激

PS：我对D3非常陌生，所以对于任何愚蠢的错误，我都要提前道歉

node.filter(d => !String(d.icon).includes('img/'))
            .append('text')
            .classed('node-icon', true)
            .attr('font-size', d=>d.radius > 100 ? "14" : "10")
            .attr("fill", "white")
            .attr('clip-path', d => `url(#clip-${d.id})`)
            .selectAll('tspan')
            .data(d => d.icon.split(';'))
            .enter()
            .append('tspan')
            .attr('x', 0)
            .attr('y', (d, i, nodes) => (13 + (i - nodes.length / 2 - 0.5) * 11))
            .text(name => name);

看看这个答案：