Plotly.js scattergl 不显示图形本身

Question

为了可视化大量数据点 +9000 个标记，我正在从 Plotly.js 'scatter' 类型切换到 'scattergl'.

我用的是react-plotly.js，从'scatter'到'scattergl'的变化差不多就可以了。除了标记本身，一切都很好。坐标轴、悬停指示、缩放控件……一切正常。

屏幕截图显示了差异。很难找到关于 scattergl 的文档，但我只是缺少一些 gl 特定配置吗？

我计算轨迹的代码：

const plotData: Partial<PlotData> = {
  type: 'scattergl',
  mode: 'lines+markers',
  x: [...],
  y: [...],  
};

Answer 1

经过长时间的 bug 搜索，solution/bug 最终变成了 z-index 之争。我在具有 canvas z-index 定义集的 Leaflet 弹出窗口中渲染了绘图。覆盖它解决了我的渲染问题。

Plotly.js scattergl not showing graph itself