diff --git a/README.md b/README.md index 27dd59fb..73d97e2d 100644 --- a/README.md +++ b/README.md @@ -119,6 +119,7 @@ const data = { | withDots | boolean | Show dots on the line - default: True | | withShadow | boolean | Show shadow for line - default: True | | withInnerLines | boolean | Show inner dashed lines - default: True | +| withOuterLines | boolean | Show outer dashed lines - default: True | | chartConfig | Object | Configuration object for the chart, see example config object above | |decorator | Function | This function takes a [whole bunch](https://github.com/indiespirit/react-native-chart-kit/blob/master/src/line-chart.js#L266) of stuff and can render extra elements, such as data point info or additional markup. | |onDataPointClick| Function| Callback that takes `{value, dataset, getColor}`| diff --git a/src/line-chart.js b/src/line-chart.js index 521fefec..7c84a34e 100644 --- a/src/line-chart.js +++ b/src/line-chart.js @@ -227,6 +227,7 @@ class LineChart extends AbstractChart { withShadow = true, withDots = true, withInnerLines = true, + withOuterLines = true, style = {}, decorator, onDataPointClick @@ -254,18 +255,21 @@ class LineChart extends AbstractChart { fill="url(#backgroundGradient)" /> - {withInnerLines - ? this.renderHorizontalLines({ - ...config, - count: 4, - paddingTop, - paddingRight - }) - : this.renderHorizontalLine({ - ...config, - paddingTop, - paddingRight - })} + {withInnerLines + ? this.renderHorizontalLines({ + ...config, + count: 4, + paddingTop, + paddingRight + }) + : withOuterLines + ? this.renderHorizontalLine({ + ...config, + paddingTop, + paddingRight + }) + : null + } {this.renderHorizontalLabels({ @@ -277,18 +281,21 @@ class LineChart extends AbstractChart { })} - {withInnerLines - ? this.renderVerticalLines({ - ...config, - data: data.datasets[0].data, - paddingTop, - paddingRight - }) - : this.renderVerticalLine({ - ...config, - paddingTop, - paddingRight - })} + {withInnerLines + ? this.renderVerticalLines({ + ...config, + data: data.datasets[0].data, + paddingTop, + paddingRight + }) + : withOuterLines + ? this.renderVerticalLine({ + ...config, + paddingTop, + paddingRight + }) + : null + } {this.renderVerticalLabels({