在angularjs 1.5中使用d3pie.js创建的Piechart存在段拉出事件的问题

Question

我使用angularjs 1.5中的d3pie.js创建了一个饼图 当点击饼段时，它不会关闭之前的饼段 点击了馅饼的一部分。 下面是代码包含与控制器一起使用的html和库 生成饼图的部分。 具有用于图表的脚本或库。它还包含一个div，它是饼图的占位符。

库：

     <script src="angular.js"></script>
     <script src="d3.min.js"></script>
     <script src="d3pie.min.js"></script>

html代码：

 <div id="pie"></div>

在控制器中实际创建了饼图。

getDevivesApp.controller('getPieChartController', function($scope){
        var pie = new d3pie("pie", {
        header: {
            title: {
                text: "A very simple example pie"
            }
        },
        data: {
            content: [
                { label: "JavaScript", value: 50 },
                { label: "Ruby", value: 20 },
                { label: "Java", value: 30},
            ]
         },
       callbacks: {
        onMouseoverSegment: function(info) {
            console.log("mouse in", info);
        },
        onMouseoutSegment: function(info) {
            console.log("mouseout:", info);
        }
     }
    });
});

创建饼图后，单击其中一个段时，  之前点击的饼图段不会被关闭。  库使用angularJS版本1.5  d3pie.min.js版本0.2.1  d3.min.js版本4.12.2。