Loại vô íchLỗi: Không thể đọc thuộc tính 'cung tròn' không xác định trong AngularJS và D3

Question

Tôi mới sử dụng AngularJS và D3. Tôi đang xây dựng một bảng điều khiển bằng cách sử dụng các công nghệ này. Tôi đã bao gồm các tập tin d3.min.js trong file index và cố gắng để vẽ một cirle với it.Here là mã:

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); 

nhưng tôi tiếp tục nhận được một thông điệp giao diện điều khiển: Loại lỗi chưa gặp: Không thể đọc bất động sản 'arc'

tôi cũng đã cố gắng để vẽ một barchart nhưng lần này lỗi báo cáo là: lỗi chưa gặp: không thể đọc thuộc 'thẳng'

Xin giúp

Answer 1

Trong D3 v4.x cú pháp đã thay đổi từ:

d3.svg.arc(); 

Để:

d3.arc(); 

Dưới đây là một liên kết đến những thay đổi trong API mới: https://github.com/d3/d3/blob/master/CHANGES.md