Plotly 2.35.2版本3D曲面图边缘数据点悬停功能失效问题求助
Plotly 2.35.2版本3D曲面图边缘数据点悬停功能失效问题求助
我在用Plotly 2.35.2做3D曲面图的时候,碰到了一个头疼的问题:当鼠标移到图的边缘区域(红色叉号标记的位置,截图时没抓到光标,叉号就是光标所在处),本该弹出的悬停提示框完全不显示,导致部分边缘数据点没法通过悬停访问到。

我还发现这个问题和数据维度直接相关:当把sizex设为3、sizey设为500的时候,所有数据点的悬停都正常工作;但只要把sizey改成1000,边缘区域的悬停就彻底失效了。
想请教大家两个问题:
- 这是Plotly 3D曲面图的已知问题吗?
- 有没有什么具体的调整参数或者临时解决方法,能让边缘数据点的悬停功能恢复正常?
我已经翻了Plotly相关的论坛帖子,但没找到能解决这个问题的方案,实在没办法了才来求助。
下面是复现问题的完整代码:
function generateMockData(sizex, sizey) { const z_data = []; const x_data = []; const y_data = []; for (let i = 0; i <= sizey; i++) { const row = []; for (let j = 0; j <= sizex; j++) { row.push(0); } z_data.push(row); } for (let i = 0; i <= sizey; i++) { const row = []; for (let j = 0; j <= sizex; j++) { row.push(j); } x_data.push(row); } for (let j = 0; j <= sizey; j++) { y_data.push(j); } return { x_data, y_data, z_data }; } sizex = 3; sizey = 1000; const { x_data, y_data, z_data } = generateMockData(sizex, sizey); const trace = { type: 'surface', x: x_data, y: y_data, z: z_data, hovertemplate: 'X: %{x}<br>Y: %{y}<br>Z: %{z}<extra></extra>', colorscale: 'Viridis' }; const layout = { title: 'Mock Data 3D Surface', autosize: false, width: 800, height: 800, margin: { l: 65, r: 50, b: 65, t: 90 }, scene: { xaxis: { title: 'X Axis' }, yaxis: { title: 'Y Axis' }, zaxis: { title: 'Z Axis' } } }; // Render the graph Plotly.newPlot('myDiv', [trace], layout);
备注:内容来源于stack exchange,提问作者FKV_rail
相关产品推荐
相关产品推荐

