角度饼图

Question

使用哪个角度包我们可以设计这种类型的饼图？

PIE Chart（打开这对于饼图模型）

注：需要标签以同样的方式

在此先感谢

Answer 1

使用nvd3库，使用起来非常简单，易于注入您的控制器。

这里有一个例子来理解

app.controller('MainCtrl', function($scope) { 
$scope.options = { 
      chart: { 
       type: 'pieChart', 
       height: 450, 
       donut: true, 
       x: function(d){return d.key;}, 
       y: function(d){return d.y;}, 
       showLabels: true, 
       labelsOutside: true, 
       pie: { 
        startAngle: function(d) { return d.startAngle/2 -Math.PI/2 }, 
        endAngle: function(d) { return d.endAngle/2 -Math.PI/2 } 
       }, 
       duration: 500, 
       legend: { 
        margin: { 
         top: 5, 
         right: 70, 
         bottom: 5, 
         left: 0 
        } 
       } 
      } 
     }; 

     $scope.data = [ 
      { 
       key: "One", 
       y: 5 
      }, 
      { 
       key: "Two", 
       y: 2 
      }, 
      { 
       key: "Three", 
       y: 9 
      }, 
      { 
       key: "Four", 
       y: 7 
      }, 
      { 
       key: "Five", 
       y: 4 
      }, 
      { 
       key: "Six", 
       y: 3 
      }, 
      { 
       key: "Seven", 
       y: .5 
      } 
     ]; 
}); 

http://plnkr.co/edit/OlROrZ?p=preview