How to keep axis range fixed?

I have set range in layout like this:

var poseLayout = function(width, height) {
		return {
			title : '',
			xaxis : {
				range : [ 0, 640 ]
			},
			yaxis : {
				range : [ 0, 480 ]
			},
			width : 640,
			height : 480,
			showlegend : false,
			shapes : []
		};

but as you can see here: both x-axis and y-axis range changes with x,y values dynamically,how to keep range fixed?

[krinsman]

Can you link to one of the places where this has been asked and answered correctly on the forums? @etpinard I am also having difficult finding the answer to a related question via Google.

[etpinard]

This has been asked numerous times before on https://community.plot.ly/c/plotly-js