feat(stack): add lines to StackDots

plouc · May 8, 2016 · 475b78b · 475b78b
1 parent fa879a0
commit 475b78b
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/components/charts/stack/StackDots.js b/src/components/charts/stack/StackDots.js
@@ -60,6 +60,13 @@ class StackDots extends Component {
                 .style('pointer-events', 'all')
             ;
 
+            newSlices.selectAll('line').data(d => d).enter().append('line')
+                .attr('y1', d => yScale(d.y0 + d.y))
+                .attr('y2', d => yScale(d.y0))
+                .style('stroke-width', props.borderWidth)
+                .style('stroke', (d, i) => borderColorFn({ color: color(i) }))
+            ;
+
             newSlices.selectAll('circle').data(d => d).enter().append('circle')
                 .attr('r', props.radius)
                 .attr('transform', d => {
@@ -113,6 +120,17 @@ class StackDots extends Component {
                 .style('stroke-width', props.borderWidth)
                 .style('stroke', (d, i) => borderColorFn({ color: color(i) }))
             ;
+
+            elements
+                .selectAll('line').data(d => d)
+                .transition()
+                .duration(transitionDuration)
+                .ease(transitionEasing)
+                .attr('y1', d => yScale(d.y0 + d.y))
+                .attr('y2', d => yScale(d.y0))
+                .style('stroke-width', props.borderWidth)
+                .style('stroke', (d, i) => borderColorFn({ color: color(i) }))
+            ;
         };
     }