javascript - d3 - 选择/取消选择节点 onclick

Question

在下面jsfiddle选择逻辑有效，但取消选择逻辑无效。我不知道为什么。

var selected;
function click(){

  // If nothing is selected then select the clicked node.
  if(!selected){
    selected = d3.select(this);
    selected.style('stroke', 'black');
  }

  // If the clicked node is already selected then unselect it.
  else if(selected == d3.select(this)){
    selected.style('stroke', 'white');
    selected = undefined;
  }
}

Answer 1

一旦你改变了样式，选择的对象就不是之前的d3对象了。要么在分配给变量之前更改样式，要么改用 html 元素。希望这会奏效。

var selected;
function click(){       
   if(!selected){
     selected = this;
     d3.select(selected).style('stroke', 'black');
  } 
  else if(selected == this){
     d3.select(selected).style('stroke', 'white');
     selected = undefined;
  }
}