为什么在呈现列表项时不会附加d3元素？

Question

我有一个项目列表，可以在焦点时为每个项目展开。

{{#if inFocus}}    
    {{>d3Hello}} 
{{/if}}

然而，当它在焦点时，span元素不会附加：

Template.d3Hello.onRendered(function(){
    d3.select("#plot").append("span")
        .text("Hello, world!");
    console.log(Date.now()) //This does log everytime the list item is clicked and d3 is inFocus.  But the span is not appended.   

})

Plot是此模板中的ID：

<template name="d3Hello">
    <svg id="plot">PLOT</svg> 
</template>

为什么会这样？

最奇怪的是，当我在控制台中运行$('#plot').html()时，我看到了这一点，但是如果我使用检查器，我什么也看不见，但是svg本身。

"PLOT<span>Hello, world!</span><span>Hello, world!</span>"