score:0

i think you should put list in x like below code.

scales: {
  x: [{
    type: 'time'
  }]
}

score:1

this answer comes a bit late but for everyone who stumbles here: you need a date adapter. find a full list here

once you installed i.e. date-fns via npm install date-fns chartjs-adapter-date-fns --save in your root directory you have to do two things to make it work in your react project:

  1. add this at the top of your file import 'chartjs-adapter-date-fns'; and import { enus } from 'date-fns/locale';
  2. inside your options:
options = {
  ... 
  scales: {
    x: {
      type: 'time',

      // add this: 
      adapters: { 
        date: {
          locale: enus, 
        },
      }, 
    }
  },
  ... 
}

score:3

as stated in your error and the documentation you need an adapter to convert the dates to date objects, see documentation: https://www.chartjs.org/docs/latest/axes/cartesian/time.html#date-adapters

score:7

you need an adaptor as stated above. look here: https://github.com/chartjs/chartjs-adapter-date-fns

one option is to add the following cdn links.

<script src="https://cdn.jsdelivr.net/npm/chart.js/dist/chart.min.js"></script>
   
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>

score:13

you need to install and import an adapter, in your case it's moment adapter for time series

npm install moment chartjs-adapter-moment --save

then import it in your component: import 'chartjs-adapter-moment';

for more info about adapters, check this


Related Query