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

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


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, 


As stated in your error and the documentation you need an adapter to convert the dates to date objects, see documentation:


You need an adaptor as stated above. Look here:

One option is to add the following cdn links.

<script src=""></script>
<script src=""></script>


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

More Query from same tag