Question

我刚刚开始使用d3，但我遇到了一个我似乎无法忍受的地方。使用这个简单的代码，生成的路径是 NaN 这是一个小提琴 http： //jsfiddle.net/P4Z75/619/

＆＃xA;＆＃xA;

  let data = [{＆＃xA;日期：'1990-09-01'，＆＃xA;年龄：26＆＃xA;}，{＆＃xA;日期：'1990-12-22'，＆＃xA;年龄：26＆＃xA;}，{＆＃xA;日期：'1990-05-18'，＆＃xA;年龄：27＆＃xA;}，{＆＃xA;日期：'1991-08-24'，＆＃xA;年龄：25＆＃xA;}];＆＃xA;＆＃xA; var width = 500;＆＃xA; var height = 20;＆＃xA;＆＃xA; const parseTime = d3.timeParse（'％Y- ％m-％d'）;＆＃xA; data = data.map（d =＆gt;（{＆＃xA; x：parseTime（d.date），＆＃xA; y：d.age＆＃xA;} ））;＆＃xA;＆＃xA; const x = d3.scaleTime（）。domain（d3.extent（data.map（d =＆gt;（dx））））。range（0，width）;＆＃ xA;＆＃xA; const y = d3.scaleLinear（）。domain（d3.extent（data.map（d =＆gt;（dy））））。range（height，0）;＆＃xA;＆＃xA ; const line = d3.line（）。x（d =＆gt;（x（dx）））。y（d =＆gt;（y（dy）））。曲线（d3.curveLinear）;＆＃xA;＆ #xA; console.log（line（data））// NaN＆＃xA;

＆＃xA;

Answer 1

您没有正确指定比例范围：

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]);

Fiddle.

d3v4线路生成器返回NaN

1 个答案: