Chart.js技术问题：如何快速计算折线图最近3小时数据值总和

嘿，我来帮你梳理下最简便的实现方式！Chart.js本身并没有内置的“按时间范围求和”的方法，但结合moment.js的时间处理能力，再配合JavaScript数组的原生方法，你只需要几行代码就能搞定，完全不用写复杂逻辑。

具体步骤如下：

• 第一步：确定时间阈值
  用moment.js快速算出“当前时间往前推3小时”的时间点，作为筛选的边界：

  const threeHoursAgo = moment().subtract(3, 'hours');
  

• 第二步：筛选最近3小时的数据点
  从你的Chart数据集里，过滤出X轴时间在上述阈值之后的数据点。假设你的折线图数据集是第一个（datasets[0]），代码如下：

  const chart = /* 这里是你的Chart实例 */;
  const recentDataPoints = chart.data.datasets[0].data.filter(point => {
    // 把数据点的X时间转成moment对象，和阈值比较
    return moment(point.x).isAfter(threeHoursAgo);
  });
  

  这里要注意：如果你的X轴已经配置了Chart.js的时间类型（type: 'time'且time.unit: 'hour'），那么point.x的格式应该是moment可以直接解析的（比如ISO字符串、时间戳），所以这一步会很顺畅。

• 第三步：对筛选后的数值求和
  用数组的reduce方法一行代码完成求和：

  const totalSum = recentDataPoints.reduce((accumulator, currentPoint) => accumulator + currentPoint.y, 0);
  

这样算下来，总共也就三四行核心代码，完全符合你“不想编写大量代码”的需求～

内容的提问来源于stack exchange，提问作者user3149646