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

Question

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

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

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

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