如何在图表中用 flutter 实现来自 firebase 实时数据库的结果？

Question

我正在使用 ESP8266 板和一些传感器，如 dht11、mq7、ldr、hcsr04。传感器检测到的信息发送到firebase实时数据库，层级如下：

哨兵01 感应器 CO2T：“03:31:32” 二氧化碳排放量：0 GasT：“03:31:37” 气体 V：0

现在，在 firebase 文档中搜索，我发现您可以通过这种方式发送调用实时数据库中的信息以进行 flutter。

class ESP8266Page extends StatefulWidget {

const ESP8266Page({Key? key}) : super(key: key);

@覆盖 状态 createState() => _ESP8266PageState(); }

Widget build(BuildContext context) {
return Scaffold(
  appBar: AppBar(
    title: Text("Sensores"),
  ),
  body: Column(
    children: [
      Expanded(
        child: FirebaseAnimatedList(
            query: ref,
            itemBuilder: (context, snapshot, animation, index) {
              return ListTile(
                title: Text(snapshot.child('CO2T').value.toString()),
                //subtitle: Text(snapshot.child('CO2V').value.toString()),
              );
            }),
      ),

在我的移动应用程序中它是这样显示的

传感器

03:31:32 0

03:31:37 0

我想做的是在一些图表中显示这些数据，但我不知道如何将这些数据放入其中。

我试图在一些 flutter plots 中显示来自 firebase 实时数据库的传感器数据，但我不知道该怎么做。

顺便说一句，我处理的值是时间和每个传感器产生的值。