2

为了可视化大量数据点 +9000 个标记,我将从 Plotly.js 的“scatter”类型切换到“scattergl”。

我使用 react-plotly.js,从 'scatter' 到 'scattergl' 的变化几乎可以工作。除了标记本身,一切都很好。轴、悬停指示、缩放控件……都可以工作。

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

类型分散

输入 scattergl

我计算痕迹的代码:

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

1 回答 1

1

经过长时间的错误搜寻,解决方案/错误最终成为 z-index 之战。我在一个带有画布 z-index 定义集的 Leaflet 弹出窗口中渲染了该图。覆盖它解决了我的渲染问题。

于 2021-03-02T11:53:30.027 回答