我在从下拉框中正确更新d3散点图时遇到了一些困难。我对d3很新，所以我的理解可能不足。我正在使用d3 v4。
这里有一个插件：
http://plnkr.co/edit/p8CTWWAvXWzB7TKaMahM?p=preview
数据包括来自一组共同图（A，B，C等）的两个不同组（苹果和香蕉）的不同变量（称为var1，var2等）。该图用于显示常用比例的不同变量（var1，var2等），无论选择哪个组。
当选择了不同的组时，点应转换为新选择的组（在图中链接）的值（在x轴上）。但相反，新点将添加到之前的点之上，并且之前的点也不会被删除。
我想问题可能与错误地选择要更新的元素或错误使用键功能以确保数据链接到组有关？或者是由于嵌套数据结构和/或使用
df2$from[duplicated(df2$from)]
更新每个变量？我已经查看了很多其他示例和教程，但我仍然不知道如何修复它。
这是图函数：
.each(function(d, i) {
谢谢！