How to set the {end} or {start} variable for Path

[Leoputera2407]

Hi, I'm working with a graphPath, and is trying to make a gradient under the graph.

The idea is that, I'll be making a path to interpolate to get the

const path = Skia.Path.Make()
// Generate graph path..

// Now, the line graph is drawn, we'll connect the bottom of the canvas to the end of the graph
path.LineTo({BOTTOM_LEFT_OF_CANVAS})
path.LineTo({TOP_RIGHT_OF_GRAPH})

I got the above as the result. The idea is the we'll render 2 Paths, one for the actual line chart and the other for the gradient (which will be transaparent). So, we can do something like

Why is the two toLines necessary? LinearGradient on the LineChart only seems to results in the below.

I think this is because linearGradient is a fill and requires the chart to be closed, which it isn't. So, I thought adding the LineTos would result in "closed Graph", and it seems to fill in the gradient correctly, but the lineTos are not something we want to have, as seen below.

However, I've no idea how to remove the last two lineTo from this setup as highlighted above. Is this possible in Skia or is this approach doomed to fail?

[ronickg]

I created one path for the line and one for the area. Here you can have a look at my code. https://github.com/openchia/mobile/blob/master/src/containers/charts/PoolspaceChart.js