some updates to the pie css to make interaction sexier

nv.d3.js

@@ -5053,7 +5053,8 @@ nv.models.pie = function() {
               });
 
         slices
-            .attr('fill', function(d,i) { return color[i]; });
+            .attr('fill', function(d,i) { return color[i]; })
+            .attr('stroke', function(d,i) { return color[i]; });
 
         var paths = ae.append('svg:path')
             .each(function(d) { this._current = d; });

src/d3.css

@@ -238,8 +238,24 @@ svg .title {
 *  Pie Chart
 */
 
+.nvd3 .pie path {
+  stroke-opacity: 0;
+
+  transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
+  -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
+  -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
+
+}
+
+.nvd3 .pie .slice text {
+  stroke: #000;
+  stroke-width: 0;
+}
+
 .nvd3 .pie .hover path {
-    fill-opacity: .6;
+  fill-opacity: .7;
+  stroke-width: 6px;
+  stroke-opacity: 1;
 }
 
 /**********

src/models/pie.js

@@ -108,7 +108,8 @@ nv.models.pie = function() {
               });
 
         slices
-            .attr('fill', function(d,i) { return color[i]; });
+            .attr('fill', function(d,i) { return color[i]; })
+            .attr('stroke', function(d,i) { return color[i]; });
 
         var paths = ae.append('svg:path')
             .each(function(d) { this._current = d; });