D3animation（转换）不适用于Angular应用程序

我在一个指令中破解了一个包含简单饼图的指令。 这是jsfiddle中的确切示例。 但是，一旦我试图将其移动到我的networking应用程序，我得到的graphics是build立在以前的会议（覆盖），但没有animation。 我没有控制台错误。 当我做数据的日志，数据传递正确。

以下是我目前使用的软件：AngularJS v1.2.1，D3版本：“3.4.13”，由Express和NodeJS托pipe。

任何build议可能会导致此错误。 我不想在每次获得新数据时重置SVG，我想要平滑过渡。

var App = angular.module('App', ['ngRoute', 'ngCookies']); App.directive('barsChart', function($parse) { d3.edge = {}; d3.edge.donut = function module() { var width = 460, height = 300, radius = Math.min(width, height) / 2; var color = d3.scale.category20(); .............//rest is the same as the js fiddle example 

Answer 1

在ang angularjs / D3jsnetworking应用程序上工作，我发现我导入了一些导致D3转换崩溃的库。 以下是导致d3animation崩溃的其他库列表：-Bootstrap v2.0.4 – 响应式v2.0.4 -Date.js（网站： http： //www.datejs.com/或http：//www.coolite .com / datejs / ）。 一旦这些库被禁用。 我能够看到并使用过渡。