我想在D3中将HTML添加到一个矩形上,以便为我提供多行工具提示。下面是我如何添加矩形的方式,这可能是问题的一部分。顶部是应该在我的世界中起作用的代码。
newRect.().html(" <textArea font-family=Verdana font-size=20 fill=blue > Test " + "</br>" + "Test2 </textArea>");
这可以在SVG中插入一个文本字段,但它不会被显示出来:
HTML:
<rect id="rectLabel" x="490" y="674" width="130" height="160" fill="red">
<textarea fill="blue" font-size="20" font-family="Verdana"> Test </br>Test2 </textarea>
</rect>
我有一个鼠标悬停函数,运行以下内容:
newRect = svg.append("rect")
.attr("x", xCor)
.attr("y", yCor)
.attr("width", 130)
.attr("height", 160)
.attr("fill", "red")
.attr("id", "rectLabel");
我认为我应该这样做,但它不起作用。它只是删除了我试图添加到的g.node。
newRect = $(this).enter().append("rect")
.attr("x", xCor)
.attr("y", yCor)
.attr("width", 130)
.attr("height", 160)
.attr("fill", "red")
.attr("id", "rectLabel");
问题: 为什么我的文本不显示?我尝试了 .html,.textArea。我想要一个多行标签,所以我认为 .text 不太合适?此外,我该如何附加矩形?