在页面加载nvd3库上向饼图添加动画

Question

我正在使用angular - nvd3图表库。示例我使用了here PieCharts。 这是我的code。我想在加载时添加动画...而且切片的动画也无法正常工作。任何帮助将不胜感激..

 var testdata2 = [
        {key: "REGISTER", y: 5},
        {key: "CONTINUE", y: 2},
        {key: "COMPLETE", y: 9}
    ];

var height = 350;
var width = 350;

nv.addGraph(function() {
    var chart = nv.models.pieChart()
        .x(function(d) { return d.key })
        .y(function(d) { return d.y })
        .width(width)
        .height(height)
        .showLabels(true)
        .labelThreshold(.05)  
        .labelType("percent");

    d3.select("#test1")
        .datum(testdata2)
        .transition().duration(1200)
        .attr('width', width)
        .attr('height', height)
        .call(chart);


    return chart;
});`