时间戳

首页 > 解决方案 > Chart.js 按月\年分组数据

chart.js - Chart.js 按月\年分组数据

问题描述

我有这样的图表，上面有一些日期https://jsfiddle.net/wvtfe6sr/

  var ctx = $("#myChart");
  var myChart = new Chart(ctx, {
    type: 'line',
    data: {   
      labels: ['2019-04-10','2019-04-20','2019-05-11','2019-05-21','2019-06-12','2019-06-22'],   
      datasets: [{
        label: '#1',
        data: [
          {x:'2019-04-10', y:1},
          {x:'2019-04-20', y:2},
          {x:'2019-05-10', y:3},
          {x:'2019-05-20', y:4},
          {x:'2019-06-12', y:5},
          {x:'2019-06-22', y:6}
        ], 

      }]
    }
  });

是否可以仅使用图表功能按月\年对这些数据进行分组？就像在excel中

例如按月分组将生成这样的图表https://jsfiddle.net/1o2xfa57/

3个月，每个月所有天数的总和

此外，按年分组将生成一个值为 21 的点

标签： chart.js

解决方案

在将数据传入之前，您必须自己在 Chart.js 之外进行分组

推荐阅读