小编use*_*155的帖子

如何在d3.js中更新气泡图?

我设法创建了一个气泡图,当它是单个数据集时可以正常工作.但是如果我需要用其他数据集更新它,那就出问题了.请帮助我在http://jsfiddle.net/9jL64/上更新我的更新功能.

function changebubble(root)
{
  var node = svg.selectAll(".node")
      .data(bubble.nodes(classes(root))
      .filter(function(d) { return !d.children; }));

  node.enter()
    .append("g")
    .attr("class", "node")
    .attr("transform", function (d) { return "translate(" + d.x + "," + d.y + ")"; });  
  node.select("circle")
    .transition()
    .duration(1000)
    .attr("r", function(d) { return d.r; })
    .style("fill", function(d,i) { return color(i); });

   node.transition().attr("class", "node")
     .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; });

   node.append("circle")            
     .attr("r", function (d) { return d.r; })
     .style("fill", function (d, i) { return …
Run Code Online (Sandbox Code Playgroud)

javascript svg d3.js circle-pack

4
推荐指数
1
解决办法
3876
查看次数

标签 统计

circle-pack ×1

d3.js ×1

javascript ×1

svg ×1