Hello,

I'm trying to make a line chart with xAxis time scale, as followed on chart.js example : https://www.chartjs.org/samples/latest/scales/time/line.html

So I did the simple example (https://github.com/chartjs/Chart.js/blob/master/samples/scales/time/line.html) and adapted it to make it work with MDB. But I have this error message :

This method is not implemented: either no adapter can be found or an incomplete integration was provided.

I use moment.js in my project so I think the adapter is found (but maybe I missed something to using it with chart.js, i d'ont know).

Please could you help me to make it work? Thank you a lot.

Here is my code :

HTML :

  <canvas mdbChart
      chartType="line"
      [datasets]="chartDatasets"
      [labels]="chartLabels"
      [colors]="chartColors"
      [options]="chartOptions"
      [legend]="false"
      (chartHover)="chartHovered($event)"
      (chartClick)="chartClicked($event)">
  </canvas>

TS :

  // Chart
  public chartDatasets: Array<any> = [
    {
      label: '',
      data: [
        {
          x: moment().add(0, 'd').format('DD/MM/YYYY'),
          y: 1
        },
        {
          x: moment().add(1, 'd').format('DD/MM/YYYY'),
          y: 10
        },
      ],
      fill: false,
    },
  ];

  public chartLabels: Array<any> = [
    moment().add(0, 'd').toDate(),
    moment().add(5, 'd').toDate()
  ];

  public chartColors: Array<any> = [
    {
      backgroundColor: 'rgba(105, 0, 132, .2)',
      borderColor: 'rgba(200, 99, 132, .7)',
      pointRadius: 10,
      borderWidth: 2,
      showLine: false,
    }
  ];

  public chartOptions: any = {
    responsive: true,
    scales: {
      xAxes: [{
        type: 'time',
        time: {
          parser: 'DD/MM/YYYY',
          // round: 'day'
          tooltipFormat: 'll HH:mm'
        },
        scaleLabel: {
          display: true,
          labelString: 'Date'
        }
      }],
      yAxes: [{
        scaleLabel: {
          display: true,
          labelString: 'value'
        }
      }]
    },
  };
  public chartClicked(e: any): void { }
  public chartHovered(e: any): void { }