@sheldon-ju,
You can achieve the above requirement with the help of rangeChanged event and by performing data-filtering i.e. add dataPoints on zooming-in and remove dataPoints on zoom out. Please take a look at this JSFiddle for the same.
____
Shashi Ranjan
Team CanvasJS