当点在d3中改变时更新多边形

Question

我目前正在摆弄d3中的多边形，并希望在用户拖动一个点时更新单个多边形。最初绘制它们工作正常，但我无法使更新生效。下面的小提琴包含了我尝试让它发挥作用的可怕尝试：

https://jsfiddle.net/z4g5817z/9/

相关代码：

<?php
$a = 1;
$b = "1";
echo bcadd($a,$b,0);
?>

感谢任何需要时间观看的人，感谢所有人的帮助。

Answer 1

所以看起来我发现了这个问题：https://jsfiddle.net/z4g5817z/91/

更改

const polygon = areaGroups.selectAll('polygon')

到

const polygon = areasGroup.selectAll('g.area').selectAll('polygon')

似乎已经解决了这个问题。我假设这与仅处理输入事件的areaGroups选择有关。

另一种方法是保持现在的状态并改变

const areaGroups = aGroup.enter()
  .append('g')
  .attr('class', 'area');

到

const areaGroups = aGroup.enter()
  .append('g')
  .merge(aGroup)
  .attr('class', 'area');

将产生相同的结果，因为现在也可以正确处理更新事件。