D3 - 动画叠加条形图

Question

我这里有一个傻瓜 - https://plnkr.co/edit/CzkraHLh0xz2kfcDzNOv?p=preview

我想使用图例为条形图设置动画以仅显示所选的块。

这里可以看到一个例子https://bl.ocks.org/guilhermesimoes/8913c15adf7dd2cab53a

我不需要堆叠和分组选项只需从图例中选择

    let legend = d3.select(".legend").append('ul');

    let legendItems = legend.selectAll('li')
        .data(legendKeys)
        .enter()
        .append('li');

    legendItems.append('span')
        .attr('class', 'rect')
        .style('background-color', (d, i) =>{
            return colors[i];
        });

    legendItems.append('span')
        .attr('class', 'label')
        .html((d) => {
            return d
        });