Unchaught TypeError: impossibile leggere la proprietà 'arc' di indefinito in AngularJS e D3

Question

Sono nuovo su AngularJS e D3. Sto costruendo un cruscotto usando queste tecnologie. Ho incluso il file d3.min.js nel file di indice e cercando di disegnare una cirle con it.Here è il codice:

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

ma continuo su come ottenere un messaggio di console: TypeError Uncaught: Impossibile leggere proprietà 'arco'

ho anche cercato di tracciare un diagramma a colonna, ma questa volta l'errore segnalato era: TypeError Uncaught: Impossibile leggere la proprietà 'lineare'

Aiutaci

Answer 1

In D3 V4.x sintassi è cambiato da:

d3.svg.arc(); 

A:

d3.arc(); 

Ecco un link per i cambiamenti nella nuova API: https://github.com/d3/d3/blob/master/CHANGES.md