2016-07-12 8 views
0

Vorgegeben eine Menge von Bögen verbinden, die einen Kreis und zufällige Punkte bilden erzeugt innerhalb des Kreis, was ist der beste Weg, einen Bereich oder einen Akkord, der eine Scheibe der Anordnung nach einem der Verbindung zu erzeugen, die Punkte und nicht nur das genaue Zentrum?d3 arc und der Punkt mit einem Band

Ich dachte, dass ein Band oder einen Akkord Layout hier hilfreich sein würde, aber der Akkord Layout scheint spezifischen Bögen zu verbinden (wenn auch zugegebenermaßen habe ich nur etwa zwei Tage verbrachte sie die Erforschung und mit der tatsächlichen Nutzung habe Schwierigkeiten)

Im Moment habe ich einen einfachen beliebigen Bogen und Kreis als solche -

var width = 1000; 
var height = 600; 

var svg = d3.select("body") 
    .append("svg") 
    .attr("width", width) 
    .attr("height", height) 
    .append("g") 
    .attr("transform", "translate(" + width/2 + "," + height/2 + ")"); 

let arc = svg.append("path") 
    .datum({ 
     id: 1, 
     startAngle: 0, 
     endAngle: .50 * (2 * Math.PI) 
    }) 
    .style("fill", "blue") 
    .attr("d", d3.arc() 
     .innerRadius(180) 
     .outerRadius(200)) 

let circle = svg.append("circle") 
    .attr("cx", 0) 
    .attr("cy", 0) 
    .attr("gradientUnits", "objectBoundingBox") 
    .attr("r", 20); 

einfache Geige - http://jsfiddle.net/968o4s9m/

Antwort

0

scheint der beste Weg ist, einen Pfad manuell zu zeichnen, indem alle Punkte der Eingabe Linien und Bogen mit s. Bänder scheinen nicht in der Lage zu sein, beliebige Punkte und Bögen von dem zu verbinden, was ich sagen kann.

Verwandte Themen