Here is my codes ( important!! : z,x,y values will not change) :
var data = [{
z: [[null,null,null,null,null,null,96.2,null,null,null,null,null,null,null,null,null,null],
[null,null,null,null,null,null,null,null,null,null,null,null,null,96.9,null,null,null],
[null,null,null,null,null,null,null,null,null,null,93.5,null,null,,null,null,null,null],
[null,null,null,null,null,null,92.1,null,null,null,null,null,null,null,null,null,null],
[null,null,null,null,91.2,null,null,null,null,null,null,null,null,null,null,null,null],
[null,null,null,null,null,null,null,null,null,null,null,null,92.6,null,null,null,null],
[null,null,null,null,null,null,null,87.1,null,null,null,null,null,null,null,null,98.5],
[null,null,null,89.3,null,null,null,null,null,87.6,null,null,null,null,null,null,null],
[null,null,null,null,null,null,null,null,null,null,null,88.6,null,null,null,null,null],
[null,null,null,null,null,null,null,null,null,87.6,null,null,null,null,null,null,null],
[null,null,94.3,null,null,null,null,null,null,null,null,null,null,null,null,null,null],
[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,95,null],
[null,null,null,null,null,91.9,null,null,null,null,null,null,null,null,null,null,null],
[98.8,93.7,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],
[null,null,null,null,null,null,null,null,null,92.5,null,null,92.3,null,null,null,null],
[null,null,null,null,null,null,null,null,null,null,null,null,94.8,null,null,null,null],
[null,null,null,null,null,null,null,null,null,null,null,null,null,null,96.4,null,null],
],
x: [1,2.2,2.3,3.2,3.3,3.9,4,4.1,4.3,4.5,4.6,5.2,6,6.3,6.5,7,7.6],
y: [0.5,1,1.5,1.7,2.2,2.4,3,3.5,3.8,3.9,4,4.2,4.7,5,5.2,6.3,6.5],
type: 'contour',
connectgaps:true,
contours: {
start:88,
end:98,
size:4,
showlabels: true,
labelfont: { family: 'Raleway',
size: 12,
color: 'white'
} }
}];
var layout = {
title: 'Setting the X and Y Coordinates in a Contour Plot'
};
Plotly.newPlot('myDiv', data, layout);
But i want to like this :