Wie bekomme ich die Farbe des aktuell ausgewählten Objekts mit d3

Question

JS und Zeichenkreise, ich ziehe es auf bestimmte Koordinaten, jetzt muss ich X-Kordinate, Y-Koordinate und Farbe (die ich zufällig zuweisen) des ausgewählten Elements abrufen , Ich bin in der Lage, X-Kabel, Y-Kabel, Radius zu bekommen, aber die Farbe zeigt Null. Hier bin ich Zuordnung Farbe und koordinieren:

svg.selectAll("circle") 
    .data(circles) 
    .enter().append("circle") 
    .attr("cx", function (d) { 
     return d.x; 
    }) 
    .attr("cy", function (d) { 
     return d.y; 
    }) 
    .attr("r", radius) 
    .style("fill", function (d, i) { 
     return color(i); 
    }) 
    .call(d3.drag() 
    .on("start", dragstarted) 
    .on("drag", dragged) 
    .on("end", dragended)); 

ich hier abrufen bin versucht zu koordinieren und die Farbe des ausgewählten Elements

function dragended(d) { 
     d3.select(this).classed("active", false); 

     console.log('dragged ' + flagForCircle + ' xCord ' + d3.select(this).attr('cx')+' ycord ' + d3.select(this).attr('cy') +' color ' + d3.select(this).attr('fill')); 

     d3.select(this).on('mousedown.drag', null); 


     } 


    } 

Answer 1

Sie die Einstellung der Füllung mit style:

.style("fill", function (d, i) { 
    return color(i); 
}) 

Daher müssen Sie style im Getter verwenden:

d3.select(this).style('fill')