html svg矩形添加文字,D3向SVG矩形追加文本

本文探讨如何在D3.js中实现HTML文本的多行显示作为矩形的工具提示,并解决添加新矩形遇到的问题。作者分享了尝试使用.html和jQuery的方法,以及解决代码中的错误,帮助读者理解如何正确运用这些API进行前端可视化开发。
摘要由CSDN通过智能技术生成

我想把html附加到D3中的矩形上,给我一个多行工具提示。底部是如何添加一个矩形,这可能是问题的一部分。最上面是应该在我的世界里工作的代码。newRect.().html(" Test " + "" + "Test2 ");

这会将文本字段插入SVG,但它只是不显示:

html:

Test Test2

我有一个鼠标移过函数,它运行以下内容: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。我想要一个多行标签,所以我不认为。文本将工作正确?另外,我应该如何添加矩形呢?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值