Question

我是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？

Answer 1

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

如何在d3.grid示例d3-js-building-a-grid-of -angular中向单元格添加文本

1 个答案: