D3動畫（過渡）在Angular應用上不起作用

Question

我破解了一個指令，該指令在指令內包含一個簡單的餅圖。 這是jsfiddle中有效的確切示例。 但是，一旦我嘗試將其移動到我的Web應用程序中，就可以在上一個會話（重疊）的基礎上構建圖形，但是沒有動畫。 我沒有控制台錯誤。 當我為數據做日志時，數據正確傳遞。

這是我當前正在使用的軟件：AngularJS v1.2.1，D3版本：“ 3.4.13”，由Express和NodeJS托管。

關於可能導致此錯誤的原因的任何建議。 我不想每次獲取新數據時都必須重置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 / D3js Web應用程序上工作時，我發現我導入了一些導致D3轉換崩潰的庫。 下面是導致D3動畫崩潰其他庫的列表：-Bootstrap V2.0.4 -Bootstrap響應V2.0.4 -Date.js（網址： http://www.datejs.com/或HTTP：//www.coolite .com / datejs / ）。 這些庫一旦被禁用。 我能夠看到和使用過渡。