Chartjs-ChartJS – Gradient color overlap

by

1👍

This is due to the transparency in rgba such as 0.6. You can try this

var gradientFillActual = ctx.createLinearGradient(250.0, 0.0, 150.0, 500.0);
gradientFillActual.addColorStop(0, "rgba(249,190,240, 1)");
gradientFillActual.addColorStop(1, "rgba(255,255,255, 1)");

CodePen

Leave a comment