Merge pull request #7 from Mindaugas-Jacionis/master

adds showAreas prop - allows user to define if areas are shown
capitalone · Oct 10, 2016 · a04b897 · a04b897
2 parents 68085b4 + 017b8fb
commit a04b897
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/Line.js b/src/Line.js
@@ -83,12 +83,17 @@ export default class LineChart extends Component {
       margin:options.margin
     }
 
+    let showAreas = typeof(this.props.options.showAreas) != 'undefined' ? this.props.options.showAreas : true;
     let lines = _.map(chart.curves, function (c, i) {
       return <Path key={'lines' + i} d={ c.line.path.print() } stroke={ this.color(i) } fill="none"/>
     }.bind(this))
-    let areas = _.map(chart.curves, function (c, i) {
-      return <Path key={'areas' + i} d={ c.area.path.print() } fillOpacity={0.5} stroke="none" fill={ this.color(i) }/>
-    }.bind(this))
+    let areas = null;
+
+    if(showAreas){
+      areas = _.map(chart.curves, function (c, i) {
+        return <Path key={'areas' + i} d={ c.area.path.print() } fillOpacity={0.5} stroke="none" fill={ this.color(i) }/>
+      }.bind(this)) 
+    }
 
     let offset = {
       x: chartArea.margin.left * -1,