1 У меня ~ 70000 точек x, y, z, и это файл json, который выглядит следующим образом:
[{"x":134,"y":2,"z":760.8688},{"x":135,"y":2,"z":767.6982},{"x":136,"y":2,"z":770.4304},....]
код, указанный ниже
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'));
$.getJSON('ACGC5AB02-2-Thickness.json', function (data) {
//console.log("data",data);
var datas = [];
for (var x = 1; x < data.length; x++) { //
datas.push([data[x].x, data[x].y, data[x].z]);
}
//console.log("data",datas);
var option3d = {
tooltip: {},
backgroundColor: '#fff',
visualMap: {
show: false,
type: 'continuous',
dimension: 2,
inRange: {
color: ['#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026']
}
},
grid3D: {
viewControl: {
projection: 'orthographic',
}
},
xAxis3D: {
type: 'value',
splitLine: {show: false}
},
yAxis3D: {
type: 'value',
splitLine: {show: false}
},
zAxis3D: {
type: 'value',
splitLine: {show: false}
},
color: "#383f52",
series: [{
type: 'surface',
wireframe: {
show: false,
lineStyle: {
color: '#66AEFF'},
},
data: datas
}]
};
myChart.setOption(option3d);
});
</script>
Я пытался построить трехмерную поверхность с помощью диаграмм с примерно 70000 точками, как бы она ни отображала только некоторые, но не все ... я что-то пропустил?
выход, как указано ниже [https://i.stack.imgur.com/G80j4.png]