D3.js D3JS折线图线间转换

D3.js D3JS折线图线间转换,d3.js,data-visualization,D3.js,Data Visualization,我想在d3js中转换一行到另一行。在按下按钮后,我一直收到一个NaN错误。整个JSFIDLE都在这里: var finales=[{ 更改日期:17, 死亡人数:10人, 死亡人数:0, 助攻:11次 }, { lpchange:-18, 死亡人数:0, 死亡人数:3人, 助攻:1次 }, { lpchange:-17, 死亡人数:4人, 死亡人数:12人, 助攻:4次 }, { lpchange:-19, 死亡人数:1, 死亡人数:3人, 助攻:2次 }, { 更改日期:21, 死亡人数:1

我想在d3js中转换一行到另一行。在按下按钮后,我一直收到一个NaN错误。整个JSFIDLE都在这里:

var finales=[{
更改日期:17,
死亡人数:10人,
死亡人数:0,
助攻:11次
}, {
lpchange:-18,
死亡人数:0,
死亡人数:3人,
助攻:1次
}, {
lpchange:-17,
死亡人数:4人,
死亡人数:12人,
助攻:4次
}, {
lpchange:-19,
死亡人数:1,
死亡人数:3人,
助攻:2次
}, {
更改日期:21,
死亡人数:12人,
死亡人数:6人,
助攻:14次
}, {
lpchange:-19,
死亡人数:4人,
死亡人数:5人,
助攻:0
}, {
更改日期:21,
死亡人数:5人,
死亡人数:5人,
助攻:16次
}, {
更改:20,
死亡人数:9人,
死亡人数:7人,
助攻:8次
}, {
lpchange:-21,
死亡人数:4人,
死亡人数:6人,
助攻:17次
}, {
更改:20,
死亡人数:5人,
死亡人数:1,
助攻:6次
}, {
更改日期:21,
死亡人数:6人,
死亡人数:5人,
助攻:4次
}, {
lpchange:-19,
死亡人数:8人,
死亡人数:7人,
助攻:12次
}, {
更改日期:18,
死亡人数:12人,
死亡人数:4人,
助攻:4次
}, {
lpchange:-17,
死亡人数:8人,
死亡人数:5人,
助攻:9次
}, {
lpchange:-18,
死亡人数:4人,
死亡人数:5人,
助攻:10次
}, {
更改日期:19,
死亡人数:6人,
死亡人数:6人,
助攻:12次
}, {
lpchange:-18,
死亡人数:3人,
死亡人数:7人,
助攻:1次
}, {
更改日期:17,
死亡人数:1,
死亡人数:7人,
助攻:17次
}, {
更改日期:19,
死亡人数:8人,
死亡人数:2人,
助攻:7次
}, {
更改日期:18,
死亡人数:17人,
死亡人数:5人,
助攻:8次
}, {
lpchange:-20,
死亡人数:3人,
死亡人数:8人,
助攻:11次
}, {
更改日期:19,
死亡人数:12人,
死亡人数:7人,
助攻:16次
}, {
lpchange:-17,
死亡人数:3人,
死亡人数:3人,
助攻:1次
}, {
更改:20,
死亡人数:4人,
死亡人数:7人,
助攻:25次
}, {
更改日期:18,
死亡人数:15人,
死亡人数:11人,
助攻:11次
}, {
更改日期:19,
死亡人数:14人,
死亡人数:4人,
助攻:5次
}, {
lpchange:-17,
死亡人数:2人,
死亡人数:7人,
助攻:4次
}, {
更改日期:19,
死亡人数:3人,
死亡人数:1,
助攻:18次
}, {
lpchange:-18,
死亡人数:6人,
死亡人数:8人,
助攻:7次
}, {
lpchange:-19,
死亡人数:6人,
死亡人数:4人,
助攻:7次
}];
变量xglarryxg=[{
更改日期:21,
死亡人数:5人,
死亡人数:4人,
助攻:10次
}, {
更改:-15,
死亡人数:5人,
死亡人数:6人,
助攻:8次
}, {
lpchange:-17,
死亡人数:1,
死亡人数:7人,
助攻:8次
}, {
更改日期:19,
死亡人数:4人,
死亡人数:2人,
助攻:8次
}, {
更改日期:21,
死亡人数:5人,
死亡人数:2人,
助攻:11次
}, {
更改日期:19,
死亡人数:1,
死亡人数:3人,
助攻:14次
}, {
lpchange:-18,
死亡人数:5人,
死亡人数:10人,
助攻:14次
}, {
lpchange:-20,
死亡人数:8人,
死亡人数:9人,
助攻:11次
}, {
更改日期:19,
死亡人数:7人,
死亡人数:5人,
助攻:13次
}, {
lpchange:-19,
死亡人数:2人,
死亡人数:5人,
助攻:1次
}, {
lpchange:-17,
死亡人数:5人,
死亡人数:7人,
助攻:2次
}, {
lpchange:-18,
死亡人数:5人,
死亡人数:10人,
助攻:12次
}, {
更改日期:21,
死亡人数:7人,
死亡人数:6人,
助攻:12次
}, {
lpchange:-18,
死亡人数:11人,
死亡人数:6人,
助攻:17次
}, {
lpchange:-21,
死亡人数:10人,
死亡人数:7人,
助攻:10次
}, {
更改日期:19,
死亡人数:6人,
死亡人数:3人,
助攻:2次
}, {
lpchange:-17,
死亡人数:5人,
死亡人数:10人,
助攻:16次
}, {
lpchange:-19,
死亡人数:7人,
死亡人数:4人,
助攻:9次
}, {
更改日期:21,
死亡人数:13人,
死亡人数:4人,
助攻:18次
}, {
更改日期:18,
死亡人数:6人,
死亡人数:2人,
助攻:6次
}, {
更改:20,
死亡人数:1,
死亡人数:7人,
助攻:19次
}, {
更改日期:19,
死亡人数:13人,
死亡人数:6人,
助攻:19次
}, {
lpchange:-21,
死亡人数:5人,
死亡人数:6人,
助攻:4次
}, {
lpchange:-19,
死亡人数:3人,
死亡人数:7人,
助攻:3次
}, {
lpchange:-20,
死亡人数:0,
死亡人数:1,
助攻:1次
}, {
lpchange:-20,
死亡人数:7人,
死亡人数:3人,
助攻:6次
}, {
lpchange:-19,
死亡人数:0,
死亡人数:7人,
助攻:8次
}, {
lpchange:-17,
死亡人数:4人,
死亡人数:8人,
助攻:19次
}, {
更改日期:18,
死亡人数:5人,
死亡人数:5人,
助攻:12次
}, {
lpchange:-18,
死亡人数:9人,
死亡人数:10人,
助攻:7次
}];
var vis=d3。选择(“可视化”),
宽度=1000,
高度=500,
边距={
前20名,
右:50,,
底数:20,
左:50
};
xScale=d3.scale.linear().range([margins.left,width-margins.right]).domain([30,1]);
yScale=d3.scale.linear().range([height-margins.top,margins.bottom]).domain([-100100]);
zScale=d3.scale.linear().range([height-margins.top,margins.bottom]).domain([0,25]);
xAxis=d3.svg.axis()
.比例(xScale);
yAxis=d3.svg.axis()
.刻度(yScale)
.东方(左);
zAxis=d3.svg.axis()
.scale(zScale)
.东方(右);
var矩形高度=((500-(margins.top)-(margins.bottom))/2)-1;
vis.append(“rect”)
.attr(“x”,(页边距.左))
.attr(“y”,(页边距.顶部))
.attr(“填充”、“DDFFDA”)
.attr(“宽度”,1000-(页边距.左)-(页边距.右))
.attr(“高度”,矩形高度);
vis.append(“rect”)
.attr(“x”,(页边距.左))
.attr(“y”,(margins.top+矩形高度))
.attr(“填充”、“FFDFDF”)
.attr(“宽度”,1000-(页边距.左)-(页边距.右))
.attr(“高度”,(500-(页边距.顶部)-(页边距.底部))/2);
vis.追加(“行”)
.attr(“x1”,页边距。左)
.attr(“x2”,1000-页边距。右)
.attr(“y1”,页边距.top+矩形高度)
.attr(“y2”,页边距.top+矩形高度)
.style(“笔划”、“黑色”)
.样式(“笔划宽度”、“1”);
vis.append(“svg:g”)
.attr(“类”、“轴”)
.attr(“变换”、“平移(0)”+(高度-边距.底部)+”)
.呼叫(xAxis);
vis.append(“svg:g”)
.attr(“类”、“轴”)
.attr(“转换”、“转换”(+(margins.left)+“,0)”)
.呼叫(yAxis);
vis.append(“svg:g”)
.attr(“类”、“轴”)
.attr(“transform”、“translate”(+(width-margins.right)+“,0)”)
.呼叫(zAxis);
总风险价值;
var lineGen=d3.svg.line()
.x(功能(d,i){
返回xScale(i+1);
})
.y(功能(d,i){
如果(i==0){
总数=0;
}
总+=d.lpchange;
返回yScale(总计);
})
.插入(“依据”);
var kdaGen=d3.svg.line()
.x(功能(d,i){
返回xScale(i+1);
})
.y(功能(d){
如果(d.死亡===0){
返回zScale(d.击杀+d.助攻);
}否则{
返回zScale((d
var finales = vis.append('svg:path')
  ...