Javascript [帮助]:带d3.nest()的多行不渲染行
我正在尝试渲染多行,其中x、y轴是datarow数据集中5个数组中每个数组的第一个、第二个值。我希望通过嵌套datarow数据集中的每个第三个元素,为所有5个数组中的第三个元素的0、15、1007个值生成3条不同的行 我尝试的是: 我跟着 重要代码: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
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函数将值数组作为输入,而不是单个值