javascript - 更改条形图中的域

Question

我想动态更改我的 D3 条形图的域。

当我有 10 个水平排列的条并调用时，changeDomain(2, 9);我希望看到条的子集（现在更宽）但保持其原始顺序（即，它们具有与域更改之前相同的顺序）。

这就是我在更改域时的目标：

然而，在我目前的实现中，条形图都混在一起了。

这是一个小提琴来说明我的问题：link

如何更改条形图的域并保持条形的顺序？

谢谢。

Answer 1

这是你要找的东西：http: //jsfiddle.net/WYSqC/3/

// Refresh the bars
_bars = _bars.data(_dataset.slice(start-1,end-1));

_bars.attr(getBarAttributes());
_bars
     .enter()
     .append('rect')
     .attr(getBarAttributes());
_bars.exit().remove();