如何构建按天/小时间隔分组的条形图？

// 数据准备（示例数据）
var data = [
  { timestamp: '2022-01-01', value: 10 },
  { timestamp: '2022-01-02', value: 15 },
  { timestamp: '2022-01-03', value: 8 },
  // 其他数据...
];

// 数据分组和计算每个分组的数值
var groupedData = {};
data.forEach(function(item) {
  var date = item.timestamp.split(' ')[0]; // 提取日期部分
  if (!groupedData[date]) {
    groupedData[date] = 0;
  }
  groupedData[date] += item.value;
});

// 绘制条形图
var labels = Object.keys(groupedData);
var values = Object.values(groupedData);

var ctx = document.getElementById('barChart').getContext('2d');
var barChart = new Chart(ctx, {
  type: 'bar',
  data: {
    labels: labels,
    datasets: [{
      label: '按天/小时间隔分组的条形图',
      data: values,
      backgroundColor: 'rgba(0, 123, 255, 0.5)', // 设置条形的颜色
    }]
  },
  options: {
    scales: {
      y: {
        beginAtZero: true
      }
    }
  }
});