[Solved]-Draw two plots using chartjs over one another with transparency-Chart.js

you need to set fill property to false for the first dataset (the red one), to make it transparent.

datasets: [{
         label: "consumption",
         fill: false,
         pointradius: 0,
         bordercolor: "#0000ff",
         backgroundcolor: "rgba(255,10,13,255)",
         ...

or, you can also reduce the opacity of background color, like so ...

backgroundcolor: "rgba(255, 10, 13, 0.1)"

here is the working codepen