React-native-chart-kit: Remove vertical and horizontal lines in charts

Created on 29 Aug 2018  路  6Comments  路  Source: indiespirit/react-native-chart-kit

Hi, how can I remove the vertical and horizontal lines of the grid?

Thank you !
screen shot 2018-08-29 at 11 23 56 am

Most helpful comment

I know this is old but I was trying to figure out how to do this and it might be useful to someone. I was able to do this with the following:

  propsForBackgroundLines: {
    strokeWidth: 0
  }

All 6 comments

You'd have to modify the source code of this lib. If you do that, and make it configurable, make sure to open a Pull Request.

@Ivanrs297 did you achieve it, Did you modified code?
If yes, please let me know how to remove background lines

I know this is old but I was trying to figure out how to do this and it might be useful to someone. I was able to do this with the following:

  propsForBackgroundLines: {
    strokeWidth: 0
  }

You can also use withInnerLines={false}

@Em01 and @jBaczuk can you pls tell me exactly how to remove the grid. in which block should I put the above code solu.

@SSOURABH58

For example:

<LineChart
  {...otherProps}
  withInnerLines={false}
/>
Was this page helpful?
0 / 5 - 0 ratings

Related issues

LillyBrainy picture LillyBrainy  路  4Comments

marinimau picture marinimau  路  6Comments

tarunmehta-quovantis picture tarunmehta-quovantis  路  4Comments

uttampawar picture uttampawar  路  3Comments

Danjavia picture Danjavia  路  5Comments