Как классифицировать цвета в трехмерной диаграмме поверхности с помощью Plotly.js

Question

Я использую трехмерную диаграмму поверхности Poltly.Js.
По умолчанию цвета отображаются автоматически

Я использую этот пример кода, полученный по этой ссылке
https://plot.ly/javascript/3d-surface-plots/

Plotly.d3.csv('https://raw.githubusercontent.com/plotly/datasets/master/api_docs/mt_bruno_elevation.csv', function(err, rows){
function unpack(rows, key) {
  return rows.map(function(row) { return row[key]; });
}

var z_data=[ ]
for(i=0;i<24;i++)
{
  z_data.push(unpack(rows,i));
}

var data = [{
           z: z_data,
           type: 'surface'
        }];

var layout = {
  title: 'Mt Bruno Elevation',
  autosize: false,
  width: 500,
  height: 500,
  margin: {
    l: 65,
    r: 50,
    b: 65,
    t: 90,
  }
};
Plotly.newPlot('myDiv', data, layout);
});

Мне нужно, чтобы график был таким по этой ссылке
http://spreadsheetpage.com/graphics/tips/surface1.gif
То есть с различными диапазонами значений, классифицированных по цветам.
Можно ли это сделать с помощью Plotly.JS 3d Surface?