echarts 고주파 국방
$.getScript(ROOT_PATH + 'vendors/simplex.js').done(function () {
var noise = new SimplexNoise(Math.random);
function generateData(theta, min, max) {
var data = [];
for (var i = 0; i < 30; i++) {
for (var j = 0; j < 30; j++) {
let a = Math.ceil(Math.random() * 5)
let b = Math.ceil(Math.random() * 5)
data.push([i, j, (a + b) / 2]);
}
}
return data;
}
function addGenerateData(theta, min, max, data) {
let data_ = data.filter((item) => {
return item[0] != 0;
})
let data2_ = data_.map(item => {
return [item[0] - 1, item[1], item[2]]
})
for (var i = 0; i < 30; i++) {
let b = Math.ceil(Math.random() * 5)
let a = 1
data2_.push([29, i, (a + b) / 2]);
}
return data2_;
}
var valMin = Infinity;
var valMax = -Infinity;
let data = generateData(2, -5, 5);
myChart.setOption(option = {
visualMap: {
show: false,
min: 2,
max: 6,
inRange: {
color: ['#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026']
}
},
xAxis3D: {
type: 'value'
},
yAxis3D: {
type: 'value'
},
zAxis3D: {
type: 'value',
max: 10,
min: 0
},
grid3D: {
axisLine: {
lineStyle: { color: '#fff' }
},
axisPointer: {
lineStyle: { color: '#fff' }
},
viewControl: {
// autoRotate: true
},
light: {
main: {
shadow: true,
quality: 'ultra',
intensity: 1.5
}
}
},
series: [{
type: 'bar3D',
data: data,
shading: 'lambert',
label: {
formatter: function (param) {
return param.value[2].toFixed(1);
}
}
}]
});
var data_ = addGenerateData(2, -5, 5, data);
setInterval(function() {
var data_ = addGenerateData(2, -5, 5, data);
data = data_;
myChart.setOption({
series: [{
type: 'bar3D',
data: data_,
shading: 'lambert',
label: {
formatter: function (param) {
return param.value[2].toFixed(1);
}
}
}]
}, false, true)
}, 200)
});
이 예제에서 수정된 주소:https://www.echartsjs.com/examples/zh/editor.html?c=bar3d-simplex-noise&gl=1&theme=dark
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.