在d3.js中平移条形图

Question

我是d3.js的新手，在下面的代码中（也在jsfiddle上），我遇到了2个问题

1. 添加的第一个rect似乎阻止了下面代码中添加的条形图。在rect上使用鼠标拖动进行平移似乎有效！

2. 删除rect会显示条形图。但是，通过拖动画布进行平移不再平移视图。

我想要显示条形图，并通过在图表区域中拖动来平移工作。非常感谢任何帮助，谢谢！

jsfiddle ：http://jsfiddle.net/MLYaQ/

Answer 1

拥有rect的{​​{1}}应将zoom设置为fill。 您需要做的不仅仅是重置none以平移图表：您还需要重绘axis。在同一个文件中使用和覆盖全局变量是不明智的。

rects

这是一个有效的演示：http://jsfiddle.net/MLYaQ/1/

您可以use clipPath限制图表的可见区域。