Line Chart Overlap and Repeat Points by Loading Data from Future

Hello, I have a problem the chart repeats itself and overlaps random by Hot Reload my App

here you can see what i mean
https://imgur.com/a/xGct2NN

I load Data from Sqflite and add to my list, here is my Code

```
builder() {
return FutureBuilder>(
future: myFuture,
builder: (context, snapshot) {
return snapshot.hasData
? ListView.builder(
shrinkWrap: true,
itemCount: snapshot.data!.length,
itemBuilder: (BuildContext context, int i) {
return adder(
snapshot.data![i],
snapshot.data!.length,
);
},
)
: const SizedBox.shrink();
});
}
```
```
adder(Note note, int index) {
double steps = 12 / (index - 1);

mySpots.add(FlSpot(points, note.value));
points = points + steps;

return const SizedBox.shrink();
}
```

```
════════ Exception caught by rendering library ═════════════════════════════════
LateInitializationError: Field 'mostLeftSpot' has not been initialized.
The relevant error-causing widget was
LineChart
```

Start by reproducing the LineChart error using the provided FutureBuilder, Sqflite-loaded data, and mySpots accumulation. Inspect how the chart receives repeated points and determine whether the failure is in the example usage or the fl_chart LineChart; done means identifying a reproducible cause and a verified correction.

Written by the indexing model from the issue text.