在D3.js中显示多维数组中的数据

问题描述 投票:5回答:2

我正在尝试使用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显示多维数组中的数据。使用下面的代码,浏览器中没有任何内容,检查元素是否存在每个数组中的每个元素的文本...

javascript svg multidimensional-array d3.js
2个回答
6
投票

您快到了,只有两件小事:


0
投票

“它对我不起作用!我收到一个错误:”错误:属性y:预期长度,“ NaN”。“在此行中:return(j * 20)+ 40; J是一个文本元素,而不是标量。“

© www.soinside.com 2019 - 2024. All rights reserved.