Add additional props to yAxis

esbullington · Jan 22, 2015 · 6e41ac1 · 6e41ac1
1 parent 06265e4
commit 6e41ac1
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/src/common.js b/src/common.js
@@ -115,13 +115,21 @@ exports.YAxis = React.createClass({
   propTypes: {
     yAxisClassName: React.PropTypes.string,
     orient: React.PropTypes.oneOf(['left', 'right']),
-    yScale: React.PropTypes.func.isRequired
+    yScale: React.PropTypes.func.isRequired,
+    fill: React.PropTypes.string,
+    stroke: React.PropTypes.string,
+    tickStroke: React.PropTypes.string,
+    strokeWidth: React.PropTypes.string
   },
 
   getDefaultProps: function() {
     return {
       yAxisClassName: 'y axis',
-      orient: 'left'
+      orient: 'left',
+      fill: "none",
+      stroke: "#000",
+      tickStroke: "#000",
+      strokeWidth: "none"
     };
   },
 
@@ -162,14 +170,14 @@ exports.YAxis = React.createClass({
     d3.selectAll(yAxisClassSelect)
       .selectAll('line')
       .attr("shape-rendering", "crispEdges")
-      .attr("stroke", "#000");
+      .attr("stroke", props.tickStroke);
 
     // Style the main axis line
     d3.selectAll(yAxisClassSelect)
       .select('path')
       .attr("shape-rendering", "crispEdges")
-      .attr("fill", "none")
-      .attr("stroke", "#000")
+      .attr("fill", props.fill)
+      .attr("stroke", props.stroke)
 
   },