1

d3.js にバインドされたデータを更新するにはどうすればよいですか?

バインドされたデータにしかアクセスできず、変更できないのはなぜですか?

また、バインドされたデータを使用して cx を変更したいと思います。しかし、そのためにはデータを更新する必要があります。

var dataset = [10, 110];

var svg = d3.select("body").append("svg:svg")
  .attr("width", 960)
  .attr("height", 500);

var g = svg.append("svg:g");

g.selectAll("circle")
  .data(dataset)
  .enter()
.append("svg:circle")
.attr("cx", function(d) {return d;} )
.attr("cy", 10 )
.attr("r", 5)
.style("fill", "rgb(125,125,125)")
.call(d3.behavior.drag().on("drag", move));

function move(d){
  var dragTarget = d3.select(this);
  dragTarget
    .attr("cx", d3.event.dx + parseInt(dragTarget.attr("cx")))
    .attr("cy", function(){return d3.event.dy + parseInt(dragTarget.attr("cy"))});

  d = d + d3.event.dx;
  console.log(d);
};
4

1 に答える 1