feat(chart): allow preserveAspectRatio prop for bar chart

colinmeinke · Mar 12, 2016 · 07f068b · 07f068b
1 parent 6ec5e8d
commit 07f068b
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/BarChart.js b/src/BarChart.js
@@ -8,6 +8,7 @@ const BarChart = createClass({
     chartClassName: PropTypes.string,
     easing: PropTypes.oneOfType([ PropTypes.func, PropTypes.string ]),
     height: PropTypes.number,
+    preserveAspectRatio: PropTypes.string,
     spacing: PropTypes.number,
     width: PropTypes.number,
   },
@@ -17,6 +18,7 @@ const BarChart = createClass({
       duration: 750,
       easing: 'easeOutBounce',
       height: 500,
+      preserveAspectRatio: 'xMidYMid meet',
       spacing: 10,
       width: 800,
     };
@@ -45,6 +47,7 @@ const BarChart = createClass({
       <svg
         className={ this.props.chartClassName }
         height={ this.props.height }
+        preserveAspectRatio={ this.props.preserveAspectRatio }
         width={ this.props.width }
         viewBox={ `0 0 ${ this.props.width } ${ this.props.height }` }
       >