d3.js嵌套选择,不起作用

时间:2016-03-22 21:16:27

标签: javascript d3.js nested

所以这是我的代码,我有一个数组数组,并且它们包含一个有4个点的对象,所以我可以使用svg绘制一条线,当我使用一个数组测试代码时它运行正常,但我可以不要让它与一系列数组一起使用,任何帮助都会深深体会到。

var circle = svgContainer.selectAll("svg").data(mainMt);
 console.log(circle);
 console.log("Linea");
 var line = circle.data(function(d) { return d; })
.enter().append("line")
                      .attr("x1", function (d) { return d.x1; })
                      .attr("y1", function (d) { return d.y1; })
                      .attr("x2", function (d) { return d.x2; })
                      .attr("y2", function (d) { return d.y2; })
                      .attr("stroke-width", 2)
                      .attr("stroke", "black");

                      console.log(line);

1 个答案:

答案 0 :(得分:0)

缺少两件事 - 首先,你需要操作顶级选择的输入选择,其次,选择嵌套选择的东西:

predicted value for [3,4,5,6,7,8,9,10,0] is: 1.0789064579041727
predicted value for [0,1,2,3,4,5,6,7,8] is: 9.223386915148865
predicted value for [10,0,1,2,3,4,5,6,7] is: 8.430232430080627
predicted value for [1,2,3,4,5,6,7,8,9] is: 9.020852169040044
predicted value for [5,6,7,8,9,10,0,1,2] is: 3.0623065881421674
predicted value for [4,5,6,7,8,9,10,0,1] is: 2.208646113846295