D3可重复使用的图表:y轴被覆盖

时间:2014-05-12 13:55:53

标签: javascript d3.js code-reuse

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

代码:http://plnkr.co/edit/hn6MgDVJNfdTwzMvvCOa?p=preview

高度在HTML的第69行更新。

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

1 个答案:

答案 0 :(得分:0)

问题是您在选择组件上调用组件时声明了超出函数范围的标度。这意味着在一个地方更新它们也会影响使用相同组件的所有其他图形。

要修复,您可以多次实例化组件,也可以在选择中调用的函数内移动scale / axes的声明。