score:1

Accepted answer

did you try the below? refer to chartjs documentation

const chartdata = [10, 10, 10, 10, 10, 10, 18, 30, 45, 40, 33, 22, 10, 10, 10, 10, 10, 20, 33, 45, 42, 55, 30];

const dataline = {
  labels: ['00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00'],
  datasets: [
    {
      label: 'kwh',
      fill: false,
      linetension: 0.1,
      backgroundcolor: 'rgba(75,192,192,0.4)',
      bordercolor: 'rgba(75,192,192,1)',
      bordercapstyle: 'butt',
      borderdash: [],
      borderdashoffset: 0.0,
      borderjoinstyle: 'miter',
      pointbordercolor: 'rgba(75,192,192,1)',
      pointbackgroundcolor: '#fff',
      pointborderwidth: 1,
      pointhoverradius: 5,
      pointhoverbackgroundcolor: 'rgba(75,192,192,1)',
      pointhoverbordercolor: 'rgba(220,220,220,1)',
      pointhoverborderwidth: 2,
      pointradius: 1,
      pointhitradius: 10,
      data: chartdata
    }
  ]
};

Related Query

More Query from same tag