如何将数据从Firebase传递到Flutter中的条形图中?

如何解决如何将数据从Firebase传递到Flutter中的条形图中?

我希望将数据从Firebase传递到分为7列的颤动图中,以便将其分成几天,以便将其传递到条形图中。我已经尝试将total_Sunday + total_Monday + total_Tuesday + total_Wednesday + total_Thursday + total_Friday + total_Saturday加上我的总和,但是它不起作用,它正在将这些周的总和与我添加的每笔新交易相加。

这是我的代码,用于从Firebase和条形图中读取数据。

 void read_data() async {
    database.once().then(
      (DataSnapshot snapshot) {
        Map<dynamic,dynamic> values = snapshot.value;

        //for loop
        values.forEach(
          (key,value) {
            setState(() {
              _amountController = value['amount'];
              _deuration = value['Deuration'];

              if (deuration == _deuration) {
                if (value['Day'] == "Monday") {
                  total_Monday = total_Monday + double.parse(_amountController);
                  print("Monday");
                  print(total_Monday);
                }
                if (value['Day'] == "Tuesday") {
                  total_Tuesday =
                      total_Tuesday + double.parse(_amountController);
                  print("Tuesday");
                  print(total_Tuesday);
                }
                if (value['Day'] == "Wednesday") {
                  total_Wednesday =
                      total_Wednesday + double.parse(_amountController);
                  print("Wednesday");
                  print(total_Wednesday);
                }
                if (value['Day'] == "Thursday") {
                  total_Thursday =
                      total_Thursday + double.parse(_amountController);
                  print("Thursday");
                  print(total_Thursday);
                }
                if (value['Day'] == "Friday") {
                  total_Friday = total_Friday + double.parse(_amountController);
                  print("Friday");
                  print(total_Friday);
                }
                if (value['Day'] == "Saturday") {
                  total_Saturday =
                      total_Saturday + double.parse(_amountController);
                  print("Saturday");
                  print(total_Saturday);
                }
                if (value['Day'] == "Sunday") {
                  total_Sunday = total_Sunday + double.parse(_amountController);
                  print("Sunday");
                  print(total_Sunday);
                }
              }
            });
          },);
      },);
  }

List<Map<String,Object>> get groupedTransactionValues {
    return List.generate(7,(index) {
      final weekDay = DateTime.now().subtract(
        Duration(days: index),);
      double totalSum = 0.0;

      for (var i = 0; i < widget.recentTransaction.length; i++) {
        if ((widget.recentTransaction[i].date.day == weekDay.day) &&
            (widget.recentTransaction[i].date.month == weekDay.month) &&
            (widget.recentTransaction[i].date.year == weekDay.year)) {
          totalSum += widget.recentTransaction[i].amount +
              total_Sunday +
              total_Monday +
              total_Tuesday +
              total_Wednesday +
              total_Thursday +
              total_Friday +
              total_Saturday;
          print("qqqqqsxdecv");
          print(totalSum);
        }
      }

      return {
        'day': DateFormat.E().format(weekDay).substring(0,1),'amount': totalSum,// 'totalSunday': total_Sunday,// 'totalMonday': total_Monday,// 'totalTuesday': total_Tuesday,// 'totalWednesday': total_Wednesday,// 'totalThursday': total_Thursday,// 'totalFriday': total_Friday,// 'totalsaturday': total_Saturday,};
    }).reversed.toList();
  }

  double get totaLSpending {
    return groupedTransactionValues.fold(0.0,(sum,item) {
      return sum + item['amount'];
      // item['totalSunday'] +
      // item['totalMonday'] +
      // item['totalTuesday'] +
      // item['totalWednesday'] +
      // item['totalThursday'] +
      // item['totalFriday'] +
      // item['totalsaturday'];
    });
  }

  @override
  Widget build(BuildContext context) {
    print('build() Chart');
    return Card(
      elevation: 6,margin: EdgeInsets.all(10),child: Container(
        padding: EdgeInsets.all(8),child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceAround,children: groupedTransactionValues.map(
            (data) {
              return Flexible(
                fit: FlexFit.tight,child: ChartBar(
                    data['day'],data['amount'],totaLSpending == 0.0
                        ? 0.0
                        : (data['amount'] as double) / totaLSpending),);
            },).toList(),),);
  }
}

此代码是条形图的另一个小部件

class ChartBar extends StatefulWidget {
  final String label;
  final double spendingAmount;
  final double spendingPercentageOfTotal;

  ChartBar(
    this.label,this.spendingAmount,this.spendingPercentageOfTotal,);

  @override
  _ChartBarState createState() => _ChartBarState();
}
class _ChartBarState extends State<ChartBar> {
  @override
  Widget build(BuildContext context) {
    print('build() ChartBar');
    return LayoutBuilder(builder: (ctx,constraints) {
      return Column(
        children: <Widget>[
          Container(
            height: constraints.maxHeight * 0.15,child: FittedBox(
              child: Text('\$${widget.spendingAmount.toStringAsFixed(0)}'),SizedBox(
            height: constraints.maxHeight * 0.05,Container(
            height: constraints.maxHeight * 0.6,width: 10,child: Stack(
              children: <Widget>[
                Container(
                  decoration: BoxDecoration(
                    border: Border.all(color: Colors.grey,width: 1.0),color: Color.fromRGBO(220,220,borderRadius: BorderRadius.circular(10),FractionallySizedBox(
                    heightFactor: widget.spendingPercentageOfTotal,alignment: Alignment.bottomCenter,child: Container(
                      decoration: BoxDecoration(
                        color: Colors.purple,)),],Container(
            height: constraints.maxHeight * 0.15,child: FittedBox(
              child: Text(widget.label),)
        ],);
    });
  }
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


依赖报错 idea导入项目后依赖报错,解决方案:https://blog.csdn.net/weixin_42420249/article/details/81191861 依赖版本报错:更换其他版本 无法下载依赖可参考:https://blog.csdn.net/weixin_42628809/a
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下 2021-12-03 13:33:33.927 ERROR 7228 [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** APPL
错误1:gradle项目控制台输出为乱码 # 解决方案:https://blog.csdn.net/weixin_43501566/article/details/112482302 # 在gradle-wrapper.properties 添加以下内容 org.gradle.jvmargs=-Df
错误还原:在查询的过程中,传入的workType为0时,该条件不起作用 &lt;select id=&quot;xxx&quot;&gt; SELECT di.id, di.name, di.work_type, di.updated... &lt;where&gt; &lt;if test=&qu
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct redisServer’没有名为‘server_cpulist’的成员 redisSetCpuAffinity(server.server_cpulist); ^ server.c: 在函数‘hasActiveC
解决方案1 1、改项目中.idea/workspace.xml配置文件,增加dynamic.classpath参数 2、搜索PropertiesComponent,添加如下 &lt;property name=&quot;dynamic.classpath&quot; value=&quot;tru
删除根组件app.vue中的默认代码后报错:Module Error (from ./node_modules/eslint-loader/index.js): 解决方案:关闭ESlint代码检测,在项目根目录创建vue.config.js,在文件中添加 module.exports = { lin
查看spark默认的python版本 [root@master day27]# pyspark /home/software/spark-2.3.4-bin-hadoop2.7/conf/spark-env.sh: line 2: /usr/local/hadoop/bin/hadoop: No s
使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams[&#39;font.sans-serif&#39;] = [&#39;SimHei&#39;] # 能正确显示负号 p
错误1:Request method ‘DELETE‘ not supported 错误还原:controller层有一个接口,访问该接口时报错:Request method ‘DELETE‘ not supported 错误原因:没有接收到前端传入的参数,修改为如下 参考 错误2:cannot r
错误1:启动docker镜像时报错:Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法:重启docker -&gt; systemctl r
错误1:private field ‘xxx‘ is never assigned 按Altʾnter快捷键,选择第2项 参考:https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2:启动时报错,不能找到主启动类 #
报错如下,通过源不能下载,最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
错误1:maven打包报错 错误还原:使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
错误1:服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping(&quot;/hires&quot;) public class FeignControl
错误1:运行项目后报如下错误 解决方案 报错2:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案:在pom.
参考 错误原因 过滤器或拦截器在生效时,redisTemplate还没有注入 解决方案:在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate&lt;String
使用vite构建项目报错 C:\Users\ychen\work&gt;npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-