D3可恢复图表：y轴已被覆盖

Question

按照Mike Bostock的约定（ http://bost.ocks.org/mike/chart/?utm_source=feedly ），我制作了一个可重复使用的图表。 除了y轴始终使用最近更新的图形的高度外，其工作方式就像一个超级按钮。

代码： http ： //plnkr.co/edit/hn6MgDVJNfdTwzMvvCOa？p = preview

高度在HTML的第69行得到更新。

谁能告诉我我在做什么错？

Answer 1

问题是您在调用选择上的组件时在执行的函数范围之外声明了比例。 这意味着在一处更新它们也会影响使用同一组件的所有其他图形。

要解决此问题，您可以多次实例化该组件，也可以在所选内容所调用的函数内移动比例/轴的声明。