Javascript 如何在d3.grid示例d3-js-building-a-grid-of-矩形中的单元格中添加文本

Javascript 如何在d3.grid示例d3-js-building-a-grid-of-矩形中的单元格中添加文本,javascript,layout,grid,d3.js,Javascript,Layout,Grid,D3.js,我是d3.js新手,我需要设计一个类似于本文描述的可视化(http://stackoverflow.com/questions/10457170/d3-js-building-a-grid-of-rectangles/10465456#10465456)网格实现。我试图将文本添加到每个具有文本d.value但不起作用的单元格中 我尝试将.text(函数(d){return d.value;}添加到row.selectAll(“.cell”)中,但没有帮助。我知道该怎么做。我尝试了类似的操作,但不

我是d3.js新手,我需要设计一个类似于本文描述的可视化(http://stackoverflow.com/questions/10457170/d3-js-building-a-grid-of-rectangles/10465456#10465456)网格实现。我试图将文本添加到每个具有文本d.value但不起作用的单元格中

我尝试将.text(函数(d){return d.value;}添加到row.selectAll(“.cell”)中,但没有帮助。我知道该怎么做。我尝试了类似的操作,但不确定我做的是否正确

col.selectAll("rect").append("text")
           .data(function (d) { return d; })
           .enter()
           .append("text")
            .text(function(d,i) {
                console.log(d);
              console.log(i);
                return d.value;
            }) 
            .attr("x", function(d) { return d.x; })
         .attr("y", function(d) { return d.y; });

我这里的问题是如何访问d.value并将其作为文本添加到.cell?

文本
元素添加到
元素没有内在意义,文本元素可以添加到
rect
s之外,或者您可以为包含其
文本和t的每个单元格创建另一个子
元素
rect
.js这里是第一个场景的中间部分:

text
元素添加到
元素中没有内在意义,文本元素可以添加到
rect
s之外,或者您可以为包含其
文本和
rect
元素de>.jsfiddle这里是第一个场景的中间部分:

谢谢这正是我想要的。看起来我需要尝试使用更多的d3示例来熟悉核心概念。感谢您的帮助。我可能建议您更具体地了解svg的工作方式:,您在d3中所做的错误更少,更多关于svg元素的信息D3已创建-D3仍然正确放置了文本元素,但由于它们包含在中,因此它们没有呈现。干杯,谢谢,这正是我要寻找的。看起来我需要尝试使用更多D3示例来熟悉核心概念。感谢您的帮助。我可能建议更具体地了解svg的工作原理:,您在D3中所做的错误更少,更多的是关于D3创建的svg元素-D3仍然正确地放置文本元素,但由于它们包含在中,因此没有呈现。干杯