D3刷涂可重复使用

时间:2014-05-05 16:45:34

标签: d3.js

我尝试通过刷子(http://bl.ocks.org/mbostock/1667367)使Mike Bostocks成为焦点+上下文的例子,按照他的惯例制作可重复使用:bost.ocks。 org / mike / chart / [抱歉,我不允许发布超过2个链接]

我稍微修改了他的刷牙示例,工作得很完美,但我现在没能让它重复使用。每当我尝试在上下文图表中选择某些内容时,焦点图表会放大 - 但永远不会再出现。

代码在这里:http://plnkr.co/edit/VoEL1eFJI1Xnajzf82Zq?p=preview

任何人都可以暗示我在这里做错了吗?

1 个答案:

答案 0 :(得分:0)

您使用错误的笔刷比例 - 它应该是指定给上下文图表的比例,在您的情况下为xScaleTimeLine。修复了示例here

总的来说,在可重用的图表组件中包括数据处理(例如解析日期和格式编号)并不是最佳做法。我首先处理数据本身,然后将其传递给图表组件,这样就不需要进行进一步的处理。即使所需的数据处理非常复杂(例如嵌套),也可以使用这样的图表组件。