@maizurahhh_,
You can create a gradient effect on the area chart by looping through your data points array and creating a separate dataseries with color property for each of the datapoint. Kindly refer to this JSFiddle for an example on the same.

—
Adithya Menon
Team CanvasJS