[Chartjs]-Vue ChartJS Line Chart not displaying

by

3👍

✅

Usually when a chart is not shown, there is an issue on the data configuration.

In your data config, the datasets option seems to be defined as an object but instead should be an array.

 data: {
      labels: dates,
      datasets: { // <--- should be an array.
        label: 'Ratings by date',
        data: ratings,
        backgroundColor: '#f87979'
      }
    },

It should be:

 data: {
      labels: dates,
      datasets: [{
        label: 'Ratings by date',
        data: ratings,
        backgroundColor: '#f87979'
      }]
    },

Leave a comment