Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript [帮助]:带d3.nest()的多行不渲染行_Javascript_Arrays_D3.js - Fatal编程技术网

Javascript [帮助]:带d3.nest()的多行不渲染行

Javascript [帮助]:带d3.nest()的多行不渲染行,javascript,arrays,d3.js,Javascript,Arrays,D3.js,我正在尝试渲染多行,其中x、y轴是datarow数据集中5个数组中每个数组的第一个、第二个值。我希望通过嵌套datarow数据集中的每个第三个元素,为所有5个数组中的第三个元素的0、15、1007个值生成3条不同的行 我尝试的是: 我跟着 重要代码: var line = d3.svg.line() .x(function(d,i){return x(datarow[i][0]);}) .y(function(d,i){return y(datar

我正在尝试渲染多行,其中x、y轴是datarow数据集中5个数组中每个数组的第一个、第二个值。我希望通过嵌套datarow数据集中的每个第三个元素,为所有5个数组中的第三个元素的0、15、1007个值生成3条不同的行

我尝试的是:

我跟着

重要代码:

var line = d3.svg.line()
            .x(function(d,i){return x(datarow[i][0]);})
            .y(function(d,i){return y(datarow[i][1]);})
            .interpolate("linear");


  //Nest the entries 
 var nest = d3.nest()   
              .key( function(d) { return d[2]})    
              .entries(datarow);  

 //Loop through each d[2]
    nest.forEach(
        function(d,i)
        {

            svg.append("path")
                .attr("class", "line")               
                .attr("d",  line(d.values[0][2]))
                .style("stroke-width", 1)
                .style("stroke", "steelblue")
                .style("fill", "none")
        }
    );
在上面的代码中,d.values[0]返回所有数组元素。因为我想为每个数组中的第三个值绘制多行,所以我将返回每个数组中的第三个元素。但是,我仍然无法理解为什么什么都没有被渲染

任何帮助或提示都将不胜感激


谢谢你,

在朋友的帮助下

问题出在

      `var line = d3.svg.line()
        .x(function(d,i){return x(datarow[i][0]);})
        .y(function(d,i){return y(datarow[i][1]);})
        .interpolate("linear");`
然而它应该是这样的

                       d3.svg.line()
                             .x(function(d){return x(d[0]);})
                              .y(function(d){return y(d[1]);})
                              .interpolate("linear");`
第x、y行accesory函数将值数组作为输入,而不是单个值