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({