Javascript 根据窗口大小调整D3中的折线图大小

我很难根据窗口大小调整线条图的大小。在这里查看我的代码：

标题
svg{
字体：10px“新罗马时代”；
}
路径{
笔画宽度：2；
填充：无；
}
.轴路径，.轴线{
填充：无；
笔画：灰色；
笔画宽度：1；
形状渲染：边缘清晰；
}
.覆盖{
填充：无；
指针事件：全部；
}
//设置画布/图形的尺寸
var margin={顶部：30，右侧：20，底部：30，左侧：50}，
宽度=600-边距。左侧-边距。右侧，
高度=270-margin.top-margin.bottom；
//解析日期/时间
var parseDate=d3.time.format（“%Y-%m-%d”）.parse；
//解析一天的时间
var parseMinute=d3.time.format（“%H:%M”）.parse，
平分日期=d3.平分线（函数（d）{return d.date；}）。左，
formatValue=d3.format（“，.2f”），
formatCurrency=函数（d）{return“$”+formatValue（d）；}；
//设定范围
var x=d3.time.scale（）.range（[0，width]）；
变量y=d3.scale.linear（）.range（[height，0]）；
//定义轴
var xAxis=d3.svg.axis（）.scale（x）
.方向（“底部”）。刻度（5）；
var yAxis=d3.svg.axis（）.scale（y）
.方向（“左”）。勾号（5）；
//界定界线
var valueline=d3.svg.line（）
//.插入（“基础”）
.x（函数（d）{返回x（d.date）；}）
.y（函数（d）{返回y（d.close）；}）；
//添加svg画布
var svg=d3.选择（“主体”）
.append（“svg”）
.attr（“宽度”，宽度+边距。左侧+边距。右侧）
.attr（“高度”，高度+边距。顶部+边距。底部）
.附加（“g”）
.attr（“转换”，
“翻译（“+margin.left+”，“+margin.top+”）；
//从数组中获取最小值，以便在图形底部添加空间
Array.min=函数（数组）{
返回Math.min.apply（数学，数组）；
};
变量url=”https://api.iextrading.com/1.0/stock/aapl/chart/5y";
//获取数据
$.ajax({
url:url，
成功：功能（数据）{
//设置全局变量
var ArraCyclose=[]；
var firstPrice=null；
var lastPrice=null；
var最小值=零；
var结果=null；
var lineColor=null；
//获取数据
json（url、函数（错误、数据）{
data.forEach（函数（d）{
d、 日期=解析日期（d.date）；
d、 close=+d.close；
//将每个结果添加到数组末尾
旋转推送（d关闭）；
//在JSON文件中查找收盘价中的最小值
最小值=数组.min（arrayClose）；
//从图形中减去0.05%以动态显示最小值底部的空白
结果=（10/100）*最小值；
结果=最小值-结果；
//在数组中查找第一个elm
firstPrice=arrayClose[0]；
//查找数组中的最后一个elm
lastPrice=arrayClose[arrayClose.length-1]；
});
如果（firstPrice>lastPrice）{
lineColor=“红色”；
}否则{
lineColor=“绿色”；
}
//缩放数据的范围
x、 域（d3）。范围（数据，函数（d）{
返回日期；
}));
y、 域（[结果，d3.max（数据，函数（d））{
返回d.close；
})]);
//添加valueline路径。
追加（“路径”）
.transition（）
.attr（“类”、“行”）
.attr（“笔划”，线条颜色）
.attr（“d”，valueline（数据））
;
//添加X轴
svg.append（“g”）
.attr（“类”、“x轴”）
.attr（“变换”、“平移（0）”、“高度+”）
.呼叫（xAxis）；
//添加Y轴
svg.append（“g”）
.attr（“类”、“y轴”）
.呼叫（yAxis）；
//添加X轴的文本标签
svg.append（“文本”）
.attr（“x”，宽度/2）//随图形动态移动
.attr（“y”，高度+边距。底部）
.style（“文本锚定”、“中间”）
.文本（“日期”）；
//添加Y轴的文本标签
svg.append（“文本”）
.attr（“变换”、“旋转（-90）”）
.attr（“x”，0-（高度/2））
.attr（“y”，0-页边距。左）
.attr（“dy”、“1em”）
.style（“文本锚定”、“中间”）
.文本（“价格”）；
//添加标题
svg.append（“文本”）
.attr（“x”，（宽度/2））
.attr（“y”，0-（margin.top/2））
.attr（“文本锚定”、“中间”）
.style（“字体大小”、“16px”）
.style（“文本装饰”、“下划线”）
.文本（“截至日期的价格”）；
.attr("viewBox", "0 0 " + (width + margin.left + margin.right) + " " 
    + (height + margin.top + margin.bottom))