You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Plotly 2.35.2版本3D曲面图边缘数据点悬停功能失效问题求助

Plotly 2.35.2版本3D曲面图边缘数据点悬停功能失效问题求助

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

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.14 17:59:33