Javascript 为什么在呈现列表项时d3元素没有追加？

我有一个项目列表，每个项目在焦点时都会展开

{{#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

？@GerardoFurtado它是一个id为

#plot

的div，我怀疑它与列表项有关，因为在另一个项目中，当它是一个模板时，它只是一个加载时呈现的模板（而不是单击时）它工作得很好。我刚把它改为“PLOT”，但它仍然不工作。

PLOT

到底是什么？@GerardoFurtado它是一个id为

#PLOT

的div，我怀疑它与列表项有关，因为在另一个项目中，当它是一个列表项时，它只是一个加载时呈现的模板（而不是单击时）它工作得很好。我刚把它改成“PLOT”，但它仍然不工作。

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