初学者d3.js用户-如何从一个JSON文件绘制多条路径？

我似乎不知道如何从一个文件中绘制多条路径。任何见解（即使是阅读相关文章的链接）都将不胜感激。现在，我已经将JSON文件构造成这样 换句话说，文件中存在由（x，y）点组成的三条路径的数据

[[{"x":583.8843463788733,"y":500,"variance":19.7417285769381},{"x":567.4313561576101,"y":543.7493061749581,"variance":19.65391679344352},{"x":593.8706097672987,"y":504.9969033892481,"variance":19.671984434861272}],[{"x":583.8843463788733,"y":500,"variance":19.7417285769381},{"x":582.6338195389559,"y":493.2434916829899,"variance":19.67632856405124},{"x":571.4943464713781,"y":523.9430111778358,"variance":19.64233848555563},{"x":560.4820781617861,"y":527.7907462656625,"variance":19.589964023446342}],[{"x":583.8843463788733,"y":500,"variance":19.7417285769381},{"x":590.3648419549969,"y":536.6508758859135,"variance":19.645788784272792},{"x":592.0583326788998,"y":525.6438352182007,"variance":19.675558736878834},{"x":632.0065097396131,"y":547.709205638192,"variance":19.592090433908},{"x":583.0723553058078,"y":538.0471857868156,"variance":19.67866584637368}]] 

我试着引用，但我认为那篇文章中描述的情况不适用

以下是我的问题

1） JSON文件的结构是否正确
2） 如何绘制所有三条路径
3） 我该如何在延迟的情况下连续地绘制它们

以下是我迄今为止的代码：

function plot(x, y, nameFile){

  d3.json(nameFile).then(function(data){


    var svgHeight = window.innerHeight - 100;
    var svgWidth = window.innerWidth - 10;

    var svg = d3.select('body').append('svg')
      .attr('width', svgWidth)
      .attr('height', svgHeight)


    var line = d3.svg.line()
    .interpolate("basis")
    .x(function(d) { return x(d.x); })
    .y(function(d) { return y(d.y); });


    group.selectAll(".line")
    .data(data)
    .enter().append("path")
    .attr("class", "line")
    .attr("d", line);



  })
}

---

感谢您花时间阅读我的问题。

使用适当的比例，您的代码可以正常工作（此处为硬编码域）：。顺便说一下，您将D3V3语法与v5混合在一起：它应该是

D3.line（）

，而不是

D3.svg.line（）

，以及

curve

，而不是

interpolate

。杰拉尔多-谢谢！我将进行这些编辑并重试。。。出于好奇，为什么代码只适用于刻度@GerardoFurtadoIt在没有刻度的情况下工作，问题是在测线生成器中有刻度。