Javascript SCRIPT438:对象没有'；t支持属性或方法'；属性'；

以下代码导致错误

这是一个D3代码来创建垂直条形图。。。下面提供的代码导致错误。。 它使用SVG并提供块。。但是垂直图没有绘制出来

//条形图的数据，一个简单的数值数组
var chartdata=[40,60,80,100,70,120,100,60,70,150,120,140]；
//整个svg元素的大小
var高度=200，
宽度=720，
//每个条的宽度和每个条之间的偏移量
杆宽=40，
气压偏移=20；
d3.选择（“#条形图”）.append（'svg'））
.attr（'width'，width）
.attr（'height'，height）
.style（'background'，'#dff0d8'）
.selectAll（'rect'）.data（图表数据）
.enter（）.append（'rect'）
.style（{'fill'：'3c763d'，'stroke'：'d6e9c6'，'stroke width'：'5'}）
.attr（'width'，barWidth）
.attr（'height'，函数（数据）{
返回数据；
})
.attr（'x'，函数（数据，i）{
返回i*（线宽+气压偏移）；
})
.attr（'y'，函数（数据）{
返回高度-数据；
});

垂直条形图
使用D3的垂直条形图
只需按照
d3.style（）
文档将样式属性函数链调用移到末尾即可

返回具有指定名称的样式属性的值
指定的节点。如果节点具有具有指定
名称，返回其值；否则，计算的属性值为
返回。另请参见selection.style

因此，
.style（）
不会返回D3对象，因此无法链接它

这是解决办法


//条形图的数据，一个简单的数值数组
var chartdata=[40,60,80,100,70,120,100,60,70,150,120,140]；
//整个svg元素的大小
var高度=200，
宽度=720，
//每个条的宽度和每个条之间的偏移量
杆宽=40，
气压偏移=20；
d3.选择（“#条形图”）.append（'svg'））
.attr（'width'，width）
.attr（'height'，height）
.style（'background'，'#dff0d8'）
.selectAll（'rect'）.data（图表数据）
.enter（）.append（'rect'）
.attr（'x'，函数（数据，i）{
返回i*（线宽+气压偏移）；
})
.attr（'y'，函数（数据）{
返回高度-数据；
})
.attr（'width'，barWidth）
.attr（'height'，函数（数据）{
返回数据；
})
.style（{'fill'：'3c763d'，'stroke'：'d6e9c6'，'stroke width'：'5'}）


垂直条形图
使用D3的垂直条形图
您必须对此进行一些研究。例如，你可以找到。是否包括jquery库？请尝试
.setAttribute
而不是
.attr