Chart.js line chart with shadow

UI Components

Please check the demo first than I will go through explanations for the line chart with shadow effect. DEMO See the Pen Chart.js line chart with shadow by Puneet Sharma (@webdevpuneet) on CodePen. Explanations: As you can see there is a drop shadow just beneath and...

Line graph with gradient background – Chart JS

UI Components

This is a good example for “how to create a gradient background in line chart using Chart JS”. Just posting it here and will update it as I have other versions too. DEMO See the Pen Custom ChartJS Gradient by Puneet Sharma (@webdevpuneet) on...

How to create a doughnut chart using Chart.js

Misc

First of all you will need to include the canvas with a unique id and include chart.js cdn js file and then follow the steps below. Include Chart.js file <script src=”https://cdn.jsdelivr.net/npm/chart.js”></script> HTML Ass this canvas tag...