Real-time Line Chart

[oksktank]

Real-time Line Chart

[oksktank]

@fkhosrow @Yaweii

It's not possible at released version.
I'll be update this feature as soon as possible.

Thank you

[Yaweii]

@fkhosrow Hi buddy, I'm trying to build a line chart with real time data. And I saw your comments at other place which directs me here. Would you mind sharing your solutions or ideas? Much appreciated.

[fkhosrow]

Hi @Yaweii and @alexandraclaire, I got the chart working "real time". The chart caches the first n input points initially to compute the min/max for scaling. For subsequent calls, the first point is removed and the next new point is added to the existing points (as if the chart is shifting). You can see the source code at fkhosrow/react-native-pure-chart. Note that this code does no animation, there is no concept of series, takes one point data at a time (point has Y and Id values), it does not draw values or points.

[oksktank]

@fkhosrow
It would be nice to me when you share your customized code! It could be a good reference for performance refactoring.

[alexandraclaire]

Did anyone manage to make the chart update as new data comes through? I can't seem to get it working!

[panbak]

I know it's 2 years later, but maybe I can help those who are trying to solve it right now. Although it is not real-time you can reload/update the line chart with "conditional rendering". This is the solution I used to my problem:
{ !hasSelectedDate ? <Text>Select end date</Text> : <PureChart data={data} type='line' /> }
So I guess you can just change a variable from true to false and then again to true, to force the LineChart component to re-render with the new data. Probably not a good solution, but it worked for me.