Echarts 的 Scatter3D - Simplex Noise 配置

可以使用 Echarts 的 Scatter3D 图表类型来实现 Simplex Noise 效果。具体的配置如下：
option = {
grid3D: {
viewControl: {
distance: 200
}
},
xAxis3D: {
type: 'value'
},
yAxis3D: {
type: 'value'
},
zAxis3D: {
type: 'value'
},
series: [{
type: 'scatter3D',
symbolSize: 1,
shading: 'lambert',
encode: {
x: 0,
y: 1,
z: 2
},
data: (() => {
const data = [];
const simplex = new SimplexNoise();
const size = 100;
const scale = 20;
for (let i = 0; i <= size; i++) {
for (let j = 0; j <= size; j++) {
const x = i / size * scale;
const y = j / size * scale;
const z = simplex.noise3D(x, y, 0.1);
data.push([x, y, z]);
}
}
return data;
})()
}]
};
登录后复制
其中，SimplexNoise 是一个第三方库，用于生成 Simplex Noise，需要先引入。
这里使用了 shading: 'lambert' 来设置光照模型，使得散点图可以有更好的视觉效果。同时，通过调整 viewControl.distance 可以调整视角距离。