D3 可重用图表：y 轴被覆盖答案

【问题标题】：D3 resuable chart: y-axis overwrittenD3 可重用图表：y 轴被覆盖
【发布时间】：2014-05-12 13:55:53
【问题描述】：

我按照 Mike Bostock 的惯例 (http://bost.ocks.org/mike/chart/?utm_source=feedly) 制作了一个可重复使用的图表。就像一个魅力，除了 y 轴总是使用最后更新的图形的高度。

高度在 HTML 的第 69 行更新。

谁能告诉我我在这里做错了什么？

【问题讨论】：

问题是您声明的比例超出了您在选择上调用组件时执行的函数范围。这意味着在一个地方更新它们也会影响使用相同组件的所有其他图表。您可以多次实例化组件，也可以在选择时调用的函数内移动比例/轴的声明。
再次感谢拉斯，这就是问题所在。如果您将评论放入答案中，我会标记它。谢谢！

【解决方案1】：

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

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

【讨论】：