带有缩放和可更新数据错误的分组条形图

Question

在此plunker中我已经为图表添加了缩放功能，但是，每当我更新下拉菜单中的数据并随后放大时，矩形就会以奇怪的方式定位。

我怀疑它与.data

中不正确使用关键功能有关

我已尝试在此处指定一项关键功能：

        .data(function(d) { 
            return copy.map(function(key) {
                return {key: key + input, value: d[key + input]}; 
            }); 
        }, function(d) { return d.State });

但这会使矩形无法正确更新。

Answer 1

问题：更新新数据时，选择更改。 您没有更新x1域名。

将以下代码段添加到更新功能（从密钥制作复制对象后），将解决此问题。

x1.domain(copy.map(c=>c+input))

工作小提琴here