Javascript 未捕获类型错误：无法读取属性'；arc&x27；在AngularJS和D3中未定义的

我对AngularJS和D3不熟悉。我正在使用这些技术构建仪表板。 我已经将d3.min.js文件包含在索引文件中，并试图用它绘制一个圆环。下面是代码：

enter code here 
var svg = d3.select("body")
.append("svg")
.attr("width", 200)
.attr("height", 200)
.append("g")
.attr("transform", "translate(100,100)");

 var arc = d3.svg.arc()
 .innerRadius(50)
 .outerRadius(70)
 .startAngle(0)
 .endAngle(2 * Math.PI);

 svg.append("path")
 .attr("class", "arc")
 .attr("d", arc);

但我不断收到一条控制台消息：UncaughtTypeError：无法读取属性“arc”

我还尝试绘制条形图，但这次报告的错误是： 未捕获的TypeError:无法读取属性“linear”

---

请帮助

在D3 v4.x中，语法已从：

d3.svg.arc();

致：

---

这里有一个链接指向新API中的更改：

d3的版本是什么？如果是v4.x，则应该是

d3.arc（）

.d3.js版本4.1.0。

d3.arc();