如何在點擊時調整圈子大小？

Question

我是D3的新手，當我點擊其中的任何一個時，都想出瞭如何調整所有圈子的大小。但是，我想要的只是調整被點擊的圈子的大小。其餘的圈子應該保持不變。以下是我有：

HTML：

<g id="bubble-nodes"> 
    <rect id="bubble-background"></rect> 
    <a class="class="bubble-node"> 
     <circle r="65"></circle> 
    </a> 
    .... 
</g> 

的JavaScript/D3：

// this works. It allows me to resize all circles when I click on one of them. 
// but, it's not what I want 
var resizeCircle = function() { 
    var circle = d3.selectAll('circle'); 
    circle.attr("r", 85); 
}; 

// this is what I want, but it doesn't work. 
// I want to resize the circle I clicked on 
var circle = d3 
    .selectAll('circle') 
    .on("click", function (d) { 
     return d.attr("r", 85); 
    }); 

有什麼建議？

Answer 1

這有幫助嗎？

var circle = d3 
    .selectAll('circle') 
    .on('click', function (d) { 
     d3.select(this).attr("r", 85); 
    });