FirebaseのデータをFlSpotに追加する方法

現在、Firebaseを使用してデータを保存し、そのデータ（数値）をflutterのfl_chartで表示させることを試みております。
そのためには、cloud firestoreからデータを引っ張ってきてFlSpotに追加していく必要があると考えていますが、初心者のため基本的なコードがわからず、難渋しております。
アドバイスいただけますと幸いです。

開発環境：VS code
言語:Flutter, Dart

Dart
1# 例えば、下記のようにx軸は日にち、y軸は数値というデータベースを構築したいと考えています
2List<FlSpot> get sbpData => [
3      FlSpot(1, 160),
4      FlSpot(3, 150),
5      FlSpot(5, 140),
6      FlSpot(7, 150),
7      FlSpot(10, 200),
8      FlSpot(12, 130),
9      FlSpot(13, 90),
10      FlSpot(30, 50),
11    ];

dart
1# このようにfirestoreでデータ登録をしております。
2  _dataInput(context) async {
3　　    ********
4    await firestore
5        .collection('users')
6        .doc(auth.currentUser!.uid)
7        .collection("Record")
8        .doc(DateFormat('yyyy-MM-dd', "ja_JP").format(_pickedDate))
9        .set({
10      'date': _pickedDate,
11      'SBP': controllerSBP.text,
12      'DBP': controllerDBP.text,
13      'HR': controllerHR.text,
14    },