Javascript 如何在d3.js中为折线图显示y轴单词上第一个点的数据

如上图所示，y轴和数据之间存在一定间隙的折线图。图表和日期应从图表的交点开始。在d3.js（v3版本）中，第一个日期应该显示在交点处（0从y轴开始），如何消除交点和第一个日期之间的间隙

我找不到合适的轴，请帮我解决这个问题。。 这是我的密码

index.html

身体{
背景色：#F1F3
}
.安讯士{
字体：10px无衬线；
}
.bar1{
字体大小：12px；
颜色：黑色；
}
.轴线路径，
.轴线{
填充：无；
笔画：黑色；
笔画宽度：1px；
形状渲染：边缘清晰；
}
.线路{
填充：无；
/*笔画宽度：2px*/
}
.line1{
填充：无；
}
.覆盖{
填充：无；
指针事件：全部；
}
1.区域1{
填充：钢蓝；
}
.传奇{
边框：2倍实心；
}
svg{
边框：2倍实心；
左边距：90像素；
边缘顶部：30px；
}
风险值数据=[{
“年份”：“01/01/2005 00:01”，
“价值”：700，
“价值1”：1000
},
{
“年份”：“01/02/2005 00:02”，
“价值”：625，
“价值1”：1000
},
{
“年份”：“01/03/2005 00:03”，
“价值”：852，
“价值1”：1000
},
{
“年份”：“01/04/2005 00:04”，
“价值”：888，
“价值1”：1000
},
{
“年份”：“01/05/2005 00:05”，
“价值”：689，
“价值1”：1000
},
{
“年份”：“01/06/2005 00:06”，
“价值”：772，
“价值1”：1000
},
{
“年份”：“01/07/2005 00:07”，
“价值”：700，
“价值1”：1000
},
{
“年份”：“01/08/2005 00:08”，
“价值”：776，
“价值1”：1000
},
{
“年份”：“01/09/2005 00:09”，
“价值”：650，
“价值1”：1000
},
{
“年份”：“01/10/2005 00:10”，
“价值”：779，
“价值1”：1000
},
{
“年份”：“01/11/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/12/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/13/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/13/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/14/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/15/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/16/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/17/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/18/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/19/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/20/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/21/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/22/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/23/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/24/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/25/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/26/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/27/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/28/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/29/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/30/2005 00:11”，
“价值”：600，
“价值1”：1000
},
{
“年份”：“01/31/2005 00:11”，
“价值”：600，
“价值1”：1000
}
];
var margin={顶部：20，右侧：20，底部：100，左侧：30}，
宽度=600-边距。左侧-边距。右侧，
高度=300-margin.top-margin.bottom；
var color\u hash=[{
“文本”：“最大值”，
“颜色”：“钢蓝色”
},
{
“文本”：“消费价值”，
“颜色”：“黄色”
},
];
var x=d3.scale.ordinal（）.rangeRoundBands（[0550]）；
变量y=d3.scale.linear（）.range（[height，0]）；
var xAxis=d3.svg.axis（）
.比例（x）
.orient（“底部”）
.d格式（函数（d）{
返回d3.time.format（“%m/%d/%Y”）（新日期（d））；
});;
var yAxis=d3.svg.axis（）
.比例（y）
.东方（“左”）；
var svg=d3.选择（#折线图”）.追加（“svg”）
.attr（“宽度”，宽度+边距。左侧+边距。右侧）
.attr（“高度”，高度+边距.顶部+边距.底部+80）
.附加（“g”）
.attr（“转换”，
“翻译（“+margin.left+”，“+margin.top+”）；
var line=d3.svg.line（）
.插入（“基数”）
.x（函数（d）{返回x（d.year）；}）
.y（函数（d）{返回y（d.value）；}）；
var line1=d3.svg.line（）
.插入（“基数”）
.x（功能（d）