1

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

我尝试将 .text(function(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？

4

1 回答 1

1

text向元素添加<rect>元素没有内在意义，文本元素可以添加到 s 之外，或者您可以为每个包含其和 . 的单元格rect创建另一个子元素。第一个场景的jsfiddle在这里：http: //jsfiddle.net/Kmf7g/1/<g>textrect

于 2012-06-27T17:03:55.990 回答