Svg getCompatedTextLength 函数始终返回零

Question

您好，我尝试集成此 d3 可缩放树形图

http://mbostock.github.io/d3/talk/20111018/treemap.html

但是 getCompulatedTextLength() 总是返回 0。我也尝试过 getBBox()，但它返回一个所有属性都为零的对象。

    .text(function(d) { return d.name; })
    .style("opacity", function(d) {
         d.w = this.getComputedTextLength(); 
         return d.dx > d.w ? 1 : 0;
    });

我需要将文本包裹在 tspan 中吗？
还有什么其他原因会导致这种情况？

Answer 1

我意识到这已经晚了一年多了，但我最近遇到了同样的问题，这可能会对某人有所帮助。如果 text 元素尚未呈现，或者容器或其任何父容器具有 display，则 this.getCompulatedTextLength() 返回 0在渲染 text 元素时设置为 none。