在d3圖形中單擊時更改節點顏色

Question

我想在單擊節點時更改節點的顏色。我有一些jQuery來上點擊獲取並顯示在<div>一些用戶信息：

node.on("click", function(d) { 

    $.get("/user_info/" + d.name, function(data){ 

      $("#user").html(data); 

     }); 

我希望能夠選擇的節點，並改變其顏色相同的代碼，如果可能的話。

謝謝

Answer 1

你好嗎？

我不確定一旦你點擊節點或者請求結束時你想這樣做，所以請採取以下代碼並使用你需要的。

注意我使用.call方法，它允許您更改函數的範圍（並將參數傳遞給它）。

的使用基本上是

(function(){ console.log(this); console.log(arguments); }).call({ obj: "Hi, i'm the scope"},1,2,3,4,5,6); 

運行它螢火看看它做什麼！

因此，該功能將類似於：

node.on("click", function(d) { 
    //In this context, 'this' is the element that got clicked 
    $(this).css({ background: 'red' }); //Changes to red when clicked 

    $.get("/user_info/" + d.name, (function(data){ 
      $(this).css({ background: 'blue' }); //Changes to blue when finished 
      $("#user").html(data); 

    }).call(this)); //'this' in this context refers to the node that was clicked, so we pass it as a scope for the anonymous function that will handle your request 
}); 

乾杯！