Question

我已经破解了一个包含指令内部简单饼图的指令。以下是jsfiddle中的确切示例。但是一旦我试图将它移动到我的网络应用程序，我得到的图形是在上一个会话（叠加）之上构建的，但没有动画。我没有控制台错误。当我对数据进行日志记录时，数据正确传递。

以下是我目前使用的软件： 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 Responsive v2.0.4 -Date.js（网站：http://www.datejs.com/或http://www.coolite.com/datejs/）。一旦这些libs被禁用。我能够看到并使用过渡。

D3动画（过渡）不适用于Angular应用程序

1 个答案: