D3.js 如何确定点是否隐藏在三维散点图(Plotly.js)上?
我正在使用Plotly.js绘制一个三维散点图。在缩放时,我想检查哪些点是可见的。这可以在svg级别上完成吗?或者任何阴谋专家 片段:D3.js 如何确定点是否隐藏在三维散点图(Plotly.js)上?,d3.js,svg,plotly,plotly-dash,plotly.js,D3.js,Svg,Plotly,Plotly Dash,Plotly.js,我正在使用Plotly.js绘制一个三维散点图。在缩放时,我想检查哪些点是可见的。这可以在svg级别上完成吗?或者任何阴谋专家 片段: var myPlot = document.getElementById("myDiv"); var trace = { x: [1, 7, 2, 4,1], y: [12, 9, 15, 12,2], z: [1, 2, 4, 8,4], // x: [1,2], //y: [12,15], //z: [1, 4], mode:
var myPlot = document.getElementById("myDiv");
var trace = {
x: [1, 7, 2, 4,1],
y: [12, 9, 15, 12,2],
z: [1, 2, 4, 8,4],
// x: [1,2],
//y: [12,15],
//z: [1, 4],
mode: 'markers' ,
type: 'scatter3d' ,
marker: {size:5 }
}
var data = [trace];
var layout = {
margin: {
l: 0,
r: 0,
b: 0,
t: 0} ,
//title: {text: 'ReOptim8 Scatter Plot'},
scene: {
yaxis:{title: 'X-axis'},
xaxis:{title: 'y-axis'},
zaxis:{title: 'z-axis'},
camera: {eye: {x:1.25, y:1.25, z:1.25}}
}
};
var config = {
displayModebar : true,
displaylogo: false,
responsive: true
};
Plotly.plot( myPlot, data, layout, config );
代码笔链接如下: