Chart.js按月\年分组数据

// 引入Chart.js库
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

// 创建Canvas元素
<canvas id="myChart"></canvas>

// 获取数据（假设数据已经获取并按月份分组）
const data = {
  labels: ["2022-01", "2022-02", "2022-03", ...],
  datasets: [{
    label: "Sales",
    data: [100, 150, 200, ...],
    backgroundColor: "rgba(0, 123, 255, 0.5)",
    borderColor: "rgba(0, 123, 255, 1)",
    borderWidth: 1
  }]
};

// 创建图表对象
const ctx = document.getElementById("myChart").getContext("2d");
const myChart = new Chart(ctx, {
  type: "line",
  data: data,
  options: {
    scales: {
      x: {
        type: "timeseries",
        time: {
          unit: "month",
          displayFormats: {
            month: "YYYY-MM"
          }
        },
        ticks: {
          source: "labels"
        }
      },
      y: {
        beginAtZero: true
      }
    }
  }
});

// 渲染图表
myChart.render();