245Echarts - 3D 散点图(Scatter3D - Simplex Noise)
3D 散点图
2023-09-11 14:15:41 时间
效果图
源代码
$.getScript('vendors/simplex.js').done(function () {
var noise = new SimplexNoise(Math.random);
function generateData(theta, min, max) {
var data = [];
for (var i = 0; i <= 20; i++) {
for (var j = 0; j <= 20; j++) {
for (var k = 0; k <= 20; k++) {
var value = noise.noise3D(i / 10, j / 10, k / 10);
valMax = Math.max(valMax, value);
valMin = Math.min(valMin, value);
data.push([i, j, k, value * 2 + 4]);
}
}
}
return data;
}
var valMin = Infinity;
var valMax = -Infinity;
var data = generateData(2, -5, 5);
console.log(valMin, valMax);
myChart.setOption(option = {
visualMap: {
show: false,
min: 2,
max: 6,
inRange: {
symbolSize: [0.5, 25],
color: ['#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026'],
colorAlpha: [0.2, 1]
}
},
xAxis3D: {
type: 'value'
},
yAxis3D: {
type: 'value'
},
zAxis3D: {
type: 'value'
},
grid3D: {
axisLine: {
lineStyle: { color: '#fff' }
},
axisPointer: {
lineStyle: { color: '#fff' }
},
viewControl: {
// autoRotate: true
}
},
series: [{
type: 'scatter3D',
data: data
}]
});
});
相关文章
- Osg-3D文件全解
- PythonOCC 3D图形库学习—导入STEP模型
- 计算机视觉 图像形成 几何图形和变换 3D到2D投影
- 《安富莱嵌入式周报》第296期:硬件电路实现SPI转以太网,单片机3D游戏图形引擎,Linux基金会年度报告,安捷伦直流电源原理图,KEIL C51更新9.61
- TouchGFX V4.17发布,提升用户体验,增加了一个3D性能展示,OS支持开始切换到ThreadX上
- Unity 3D 2022.1 AND UnityHub 3.2 Patch
- Android 自定义3D效果View
- QML开发——3D旋转特效
- 【直播预告】7月25日3D游戏引擎免费公开课答疑第三期,有奖问答!
- 3D游戏引擎设计与实现(15)