如何使用Plotly.js对3D曲面图中的颜色进行分类

Question

我正在使用Poltly.Js 3D表面图。
默认情况下，颜色会自动显示

我正在使用通过此链接获得的示例代码
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是否可以做到这一点？