round corners of legend icon if bar is rounded

Author: emilykl

Diff for: src/components/legend/style.js

@@ -334,14 +334,19 @@ module.exports = function style(s, gd, legend) {
         var marker = trace.marker || {};
         var markerLine = marker.line || {};
 
+        // If bar has rounded corners, round corners of legend icon
+        var pathStr = marker.cornerradius ?
+            'M6,3a3,3,0,0,1-3,3H-3a3,3,0,0,1-3-3V-3a3,3,0,0,1,3-3H3a3,3,0,0,1,3,3Z' : // Square with rounded corners
+            'M6,6H-6V-6H6Z'; // Normal square
+
         var isVisible = (!desiredType) ? Registry.traceIs(trace, 'bar') :
             (trace.visible && trace.type === desiredType);
 
         var barpath = d3.select(lThis).select('g.legendpoints')
             .selectAll('path.legend' + desiredType)
             .data(isVisible ? [d] : []);
         barpath.enter().append('path').classed('legend' + desiredType, true)
-            .attr('d', 'M6,6H-6V-6H6Z')
+            .attr('d', pathStr)
             .attr('transform', centerTransform);
         barpath.exit().remove();