角度指令中多个面积图之间的d3冲突答案

【问题标题】：d3 conflict between multiple area charts in angular directive角度指令中多个面积图之间的d3冲突
【发布时间】：2014-02-17 15:33:40
【问题描述】：

我需要在同一个页面中添加多个面积图，比如fiddle：

<area-chart></area-chart>
<area-chart></area-chart>

问题是两个面积图似乎冲突，线条似乎从一个图表中删除并添加到另一个图表。它适用于页面中只有一个图表 (<area-chart></area-chart>) (see the fiddle working well with one chart only)，但不适用于多个图表。

关于如何解决此冲突的任何想法？

【问题讨论】：

【解决方案1】：

这是一个工作示例： jsfiddle

你应该用var声明一个变量data

【讨论】：