我根据http://bl.ocks.org/bunkat/2605010中给出的示例构建了一个正方形网格。现在我正在尝试根据 csv 文件中的数据对网格中的每个单元格进行颜色编码。例如,我有一个 csv 文件,其数据为
单元格,col1
1,2
2,3
3,2
4,1
单元格根据 col1 中的数据着色。就像细胞 1 用蓝色着色,细胞 2 用绿色着色,细胞 3 再次用蓝色着色,细胞 4 用红色着色。
我一直在尝试这样的事情,但它不起作用。请帮忙?
d3.text("frame.csv", function(datasetText) {
var parsedCSV = d3.csv.parseRows(datasetText);
var col = row.selectAll(".cell")
.data(function (d) { return d; })
.enter().append("svg:rect")
.attr("class", "cell")
.attr("x", function(d) { return d.x; })
.attr("y", function(d) { return d.y; })
.attr("width", function(d) { return d.width; })
.attr("height", function(d) { return d.height; })
.style("fill", function(d) { return color(parsedCSV[d].col1); })
.style("fill", '#FFF')
.style("stroke", '#555');
});