我正在尝试使用d3显示多维数组中的数据。使用下面的代码,浏览器中什么也没出现,而是检查元素是否存在每个数组中每个元素的文本,只是页面上没有出现。但是,当我删除下面已注释的行时,将获得以下示例输出:
1,3,3,5,6,7
3,5,8,3,2,6
9,0,6,3,6,3
等...
如何修改代码,以便显示类似这样的内容:
1 3 3 5 6 7
3 5 8 3 2 6
等...
var dataset = [[1,3,3,5,6,7],[3,5,8,3,2,6],[9,0,6,3,6,3],[3,4,4,5,6,8],[3,4,5,2,1,8]];
var svg = d3.select("body")
.append("svg")
.attr("width", w)
.attr("height", h);
svg.append("g")
.selectAll("p")
.data(dataset)
.enter()
.append("p") //removing
.selectAll("text") // these
.data( function(d,i,j) { return d; } ) //lines
.enter() //text displays normally
.append("text")
.text( function(d,i,j) { return d; } )
.attr("x", function(d,i,j) { return (i * 20) + 40; })
.attr("y", function(d,i,j) { return (i * 20) + 40; })
.attr("font-family", "sans-serif")
.attr("font-size", "20px")
.attr("fill", textColour);
这是检查元素以不同的数字数组给出的:谢谢!
我正在尝试使用d3显示多维数组中的数据。使用下面的代码,浏览器中没有任何内容,检查元素是否存在每个数组中的每个元素的文本...
您快到了,只有两件小事:
“它对我不起作用!我收到一个错误:”错误:属性y:预期长度,“ NaN”。“在此行中:return(j * 20)+ 40; J是一个文本元素,而不是标量。“