react-native-pure-chart icon indicating copy to clipboard operation
react-native-pure-chart copied to clipboard
verified publisher icon oksktank

Line Chart | Line thickness

Open fkhosrow opened this issue 7 years ago • 5 comments

Hi,

Is it possible to set the line thickness for the line chart?

Thanks, Farnaz

fkhosrow avatar Aug 02 '18 01:08 fkhosrow

Sadly, not available now.

I'll consider add new props to line chart in future release. Thank you for your opinion

oksktank avatar Aug 07 '18 07:08 oksktank

Hi @oksktank in that case, can I modify the original code to get this working for my case? If so, what do I need to to do? Thanks.

fkhosrow avatar Aug 08 '18 16:08 fkhosrow

Check line-chart.js line:93 Modifing borderTopWidth will work. But it can not be perfectly matched with point or line..

oksktank avatar Aug 22 '18 07:08 oksktank

Hi @oksktank,

I increased the borderTopWidth to 1.5. However, now I see pretty obvious white space between the lines. I noticed the spaces were always there regardless but not as noticeable. I know you are basically drawing a transformed box between a start and end point. Is the gap due to precision issues since the box top right point is not going to match the original end point (end point will be the start point for the next line)? I tried to fix it by adding a fudge factor to the next start point (end point of the previous line) but that didn't work. If you can give me any suggestions on how to fix it, it would be great because I have spent hours on this.

fkhosrow avatar Dec 09 '18 16:12 fkhosrow

@oksktank is the lineThickness bug solved cause it is not working for me either

BillZalokostas avatar Dec 13 '19 15:12 BillZalokostas