fromZero works fine for the line, but not for the points

[Bar-Maz]

After adding fromZero to the LineChart props, line behaves like it should, but datapoints are rendered as if the bottom line was still equal to the minimal value.

[bhoomika911]

I have the same issue. Any one can help on this?

[bhoomika911]

Hi @Bar-Marz,

I was facing same issue.

To resolve this, I have updated code in node_modules/react-native-chart-kit/src/line-chart.js in renderDots function as below:

Replace below line

const cy = (height / 4) * 3 * (1 - (x - Math.min(...datas)) / this.calcScaler(datas)) + paddingTop

with

const cy =
(baseHeight - this.calcHeight(x, datas, height)) / 4 * 3 + paddingTop

Result :

[shariqahmed525]

@bhoomika911 What's the baseHeight?

[kimspiess]

I created a pull request to fix this issue as suggested by @bhoomika911

[Hermanya]

This is fixed in v3.3.1

[LaszloLango]

I've update to the latest (v3.3.1), but I still have the issue. The dots are totally off. Any idea?