Как нарисовать 5000 3D кубов? Когда я пытаюсь это сделать, браузер выдает пустую страницу. Все работает, когда у меня есть 1000 кубов. Я пытаюсь построить следующее: я создаю трехмерный куб, такой как 3dmesh, и перемещаю его к определенной координате.
Мой код:
function drawPlot(allData) {
console.log(allData);
var data=[];
var xMas = [];
var yMas = [];
var zMas = [];
for (var i = 1; i <= allData.length - 1; i++) {
xMas.push(parseInt(allData[i]['X']))
yMas.push(parseInt(allData[i]['Y']))
zMas.push(parseInt(allData[i]['Z']))
}
data.push(
{
mode: 'markers',
marker: {
//color:'rgb(' + (255 - zPlus * 7) + ',0,' + (50 + zPlus * 7) + ')',
size: 10,
symbol: 'square',
line: {
color: 'rgb(204, 204, 204)',
width: 1},
opacity: 1},
type: 'scatter3d',
x: xMas,
y: yMas,
z: zMas,
showscale: true
});
var axis_template = {
showgrid: true,
zeroline: true,
nticks: 1000,
showline: true
};
var layout = {
title:'Test model',
scene: {
xaxis: {
autotick: false,
ticks: 'outside',
//tick0: 0,
dtick: 1
},
yaxis: {
autotick: false,
ticks: 'outside',
//tick0: 0,
dtick: 1
},
zaxis: {
autotick: false,
ticks: 'outside',
//tick0: 0,
dtick: 1
}
}
};
Plotly.newPlot('plot', data, layout);
}
makePlot();
! [1]: https://i.stack.imgur.com/JRPxc.png