Chart.js组数据按月\年

时间:2019-06-24 12:50:17

标签: 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的点

1 个答案:

答案 0 :(得分:1)

您必须先在Chart.js外部进行分组,然后再将数据传入