Angularjs如何将JSON中的日期按月分组并在图表中显示

$scope.jsonData = [
  { date: "2022-01-01", value: 10 },
  { date: "2022-01-15", value: 20 },
  { date: "2022-02-05", value: 15 },
  { date: "2022-02-20", value: 25 },
  // 其他数据...
];

app.filter('groupByMonth', function() {
  return function(items) {
    var groups = {};
    for (var i = 0; i < items.length; i++) {
      var item = items[i];
      var month = item.date.substring(0, 7); // 提取年月部分
      if (!groups[month]) {
        groups[month] = [];
      }
      groups[month].push(item);
    }
    return groups;
  };
});

<div ng-repeat="(month, items) in jsonData | groupByMonth">
  <h3>{{ month }}</h3>
  <canvas id="chart-{{ month }}"></canvas>
</div>

app.controller('ChartController', function($scope) {
  $scope.$watch('jsonData', function(newData) {
    // 更新图表
    // 使用Chart.js或其他图表库来绘制图表
  }, true);
});