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

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))

工作 fiddle here