Auto commit

src/utils/pie.js

@@ -76,6 +76,26 @@ export default function pie(id, width, height, data, x, y, rx, ry, h, config,ir=
             console.log(config.color[colorIndex],'==config.color[colorIndex]')
             return config.color[colorIndex]
         })
-
+    //侧面曲面
+    slices.selectAll('.outerSlice')
+    .data(dataset)
+    .enter()
+    .append('path')
+    .transition()
+    .delay(0)
+    .duration(500)
+    .attrTween('d',(d) => {
+        //动画效果
+        let interpolate = d3.interpolate(d.startAngle, d.endAngle);
+        return function(t){
+            d.endAngle = interpolate(t);
+            return pieOuter(d, rx- 0.5, ry - 0.5, h)
+        }
+    })
+    .attr('class','outerSlice')
+    .style('fill',(d,index) => {
+        let colorIndex = index % config.color.length
+        return d3.hsl(config.color[colorIndex]).darker(0.7)
+    });
     
 }
\ No newline at end of file