Javascript d3v4线路生成器返回NaN

Javascript d3v4线路生成器返回NaN,javascript,d3.js,Javascript,D3.js,我刚刚开始学习d3,但我遇到了一个我似乎过不去的地方。通过这个简单的代码,生成的路径是NaN,这里是一个小提琴 您没有正确指定缩放范围: const x = d3.scaleTime().domain(d3.extent(data.map(d => (d.x)))).range(0, width); const y = d3.scaleLinear().domain(d3.extent(data.map(d => (d.y)))).range(height, 0); 与域一样,缩

我刚刚开始学习d3,但我遇到了一个我似乎过不去的地方。通过这个简单的代码,生成的路径是NaN,这里是一个小提琴


您没有正确指定缩放范围:

const x = d3.scaleTime().domain(d3.extent(data.map(d => (d.x)))).range(0, width);

const y = d3.scaleLinear().domain(d3.extent(data.map(d => (d.y)))).range(height, 0);
与域一样,缩放范围采用数组:

const x = d3.scaleTime().domain(d3.extent(data.map(d => (d.x)))).range([0, width]);

const y = d3.scaleLinear().domain(d3.extent(data.map(d => (d.y)))).range([height, 0]);
const x = d3.scaleTime().domain(d3.extent(data.map(d => (d.x)))).range([0, width]);

const y = d3.scaleLinear().domain(d3.extent(data.map(d => (d.y)))).range([height, 0]);