Question

我对d3.js很新，想要转换这个代码笔：http://codepen.io/budelman/pen/NqZwpm我发现了一个角度指令。我面临的一个问题是，在角度指令中，我只能访问一个＆＃34;元素＆＃34;。我无法弄清楚如何在我的角度代码中附加div #textbox图例。

我试过了：

// Shove the text into the div with ID #textbox            
svg.append('div')
.attr('id','textbox')
.select("#textbox")
.text(string);
})

但它不起作用。有人可以指出我正确的方向吗？谢谢！

Answer 1

这就是原始代码中的内容，

.on("mouseover", function(d) {
            //some code

            // Shove the text into the div with ID #textbox
            d3.select("#textbox")
                .html("")
                .append("text")
                .html(string);
        })

这意味着您只需要一个带有id的空div，然后将html插入其中。我不确定你为什么要先添加#textbox然后插入html。只需拥有你的指令。这样你就可以独立选择d3

Answer 2

我意识到这个问题有多愚蠢。我需要的是通过执行以下操作将新div添加到元素：

d3.select(element[0]).append("div").attr("id","textbox");

在角度指令中附加D3元素

2 个答案: