时间戳

首页 > 解决方案 > 如何在 react-chartjs-2 数据集中使用数据库中的数据

arrays - 如何在 react-chartjs-2 数据集中使用数据库中的数据

问题描述

我有一个用 react-chartjs-2 构建的图表。当我像这样直接在数据集中输入数据值时，图表会显示。

datasets: [
        {
          label: "Active Countries",
          backgroundColor: gradientFill,
          borderColor: "#2CA8FF",
          pointBorderColor: "#FFF",
          pointBackgroundColor: "#2CA8FF",
          pointBorderWidth: 2,
          pointHoverRadius: 4,
          pointHoverBorderWidth: 1,
          pointRadius: 4,
          fill: true,
          borderWidth: 1,
          data: [80, 99, 86, 96, 123, 85, 100, 75, 88, 90, 123, 155]
        }
      ]

但是，我想用从我的数据库中记录的交易派生的每月交易替换数据集中的数据值。我从 1 月到 12 月每个月的总交易代码（每个月一个）是这样的。

const januaryTransactions = transactions.filter(i => {
        const date = new Date(i.date);
        return date.getMonth() === January && date.getYear() === relevantYear;
        }).reduce((prev, curr) => prev + parseFloat(curr.amount), 0)

我的问题是如何用 januaryTransactions 替换索引 0 [80, 99, 86, 96, 123, 85, 100, 75, 88, 90, 123, 155] 中的值，即 80。

任何指针都非常感谢！

标签： arraysreactjsmongodbchartsreact-chartjs

解决方案

推荐阅读