Javascript D3中堆叠面积图的数组解析

Javascript D3中堆叠面积图的数组解析,javascript,arrays,parsing,typescript,d3.js,Javascript,Arrays,Parsing,Typescript,D3.js,我正在尝试修改示例堆叠面积图 目前它给了我一个错误: Error: <path> attribute d: Expected number, "MNaN,22770LNaN,21…". 我只是尝试解析数组,以便正确解析日期、键和值。我好像就是做不好 非常感谢您的帮助 您得到的具体错误是由于数据中日期的格式造成的。代码中有一行注释掉了:let parseDate=d3.timeParse(“%m/%d/%Y”)您确实希望使用d3.timeParse函数将数据转换为日期格式: let

我正在尝试修改示例堆叠面积图

目前它给了我一个错误:

Error: <path> attribute d: Expected number, "MNaN,22770LNaN,21…".
我只是尝试解析数组,以便正确解析日期、键和值。我好像就是做不好


非常感谢您的帮助

您得到的具体错误是由于数据中日期的格式造成的。代码中有一行注释掉了:
let parseDate=d3.timeParse(“%m/%d/%Y”)您确实希望使用d3.timeParse函数将数据转换为日期格式:

let tp = d3.timeParse("%m/%d/%y")
for(var i=0; i<data.length;i++){
  data[i].date = tp(data[i].date) 
}
让tp=d3.timeParse(“%m/%d/%y”)

对于(var i=0;i您得到的特定错误是由于数据中的日期格式造成的。您的代码中有一行注释掉了:
let parseDate=d3.timeParse(“%m/%d/%Y”);
是否要使用d3.timeParse函数将数据转换为日期格式:

let tp = d3.timeParse("%m/%d/%y")
for(var i=0; i<data.length;i++){
  data[i].date = tp(data[i].date) 
}
让tp=d3.timeParse(“%m/%d/%y”)

对于(var i=0;iI已将行更新为
x.domain(d3.extent(数据,函数(d){console.log(parseDate(d.date));返回parseDate(d.date);}))
我甚至尝试过使用for循环,但这仍然会在区域函数的同一行中出现错误这是我为测试它而创建的小提琴。看起来我对格式做了很多清理,但我不认为我更改了代码的其他部分-可能添加了缺少的paren或其他内容。如果你对我的对于循环-您会得到一个错误…对于循环,没有错误(但图表不会完全呈现)我把for循环放在你放它的地方,它只是用红色显示了整个图表。就像你说的图的其余部分没有呈现或者其余的数据没有呈现一样,我不太确定括号是否匹配,我相信。我已经将行更新为
x.domain(d3.extent)(数据,函数(d){console.log(解析日期(d.date));返回解析日期(d.date);})
我甚至尝试过使用for循环,但这仍然会在区域函数的同一行中出现错误这是我为测试它而创建的小提琴。看起来我对格式做了很多清理,但我不认为我更改了代码的其他部分-可能添加了缺少的paren或其他内容。如果你对我的对于循环-您会得到一个错误…对于循环,没有错误(但图表不会完全呈现)我把for循环放在了你放的地方,它只是用红色显示了整个图表。就像你说的图表的其余部分没有呈现或数据的其余部分没有呈现一样,我不太确定括号是否匹配,我相信。修复方法是我的数据应该是这样:
let data=[{‘日期’:‘04/23/12’,‘诽谤者’:0.20,‘被动者’:0.30,‘发起人’:0.50},{‘日期’:‘04/24/12’,‘诽谤者’:0.32,‘被动者’:0.19,‘发起人’:0.42},{‘日期’:‘04/25/12’,‘诽谤者’:0.45,‘被动者’:0.11,‘发起人’:0.44},{'date':'04/26/12','Detractors':0.20',Passives':0.13',promotors':0.64}];
修复我的数据应该是这样的:
让数据=[{'date':'04/23/12','Detractors':0.20',Passives':0.30',promotors':0.50},{‘日期’:‘04/24/12’,‘诽谤者’:0.32,‘被动者’:0.19,‘推动者’:0.42},{‘日期’:‘04/25/12’,‘诽谤者’:0.45,‘被动者’:0.11,‘推动者’:0.44},{‘日期’:‘04/26/12’,‘诽谤者’:0.20,‘被动者’:0.13,‘推动者’:0.64};