d3 конфликт между несколькими диаграммами области в угловом директиве

Question

мне нужно добавить несколько диаграмм площадь в одной и той же странице, как в этом fiddle:

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

Проблема состоит в том, что две зоны диаграммы, кажется, конфликтов и линий кажется, удалены из одной диаграммы и добавлены к другой. Он хорошо работает только с одной диаграммой (<area-chart></area-chart>) на странице (see the fiddle working well with one chart only), но не с несколькими.

Любые идеи о том, как исправить этот конфликт?

Answer 1

Это рабочий пример: jsfiddle

Вы должны объявить переменную data с var