Plotly 多个散点图 - 渲染问题

Question

我正在尝试使用 Plotly 在一页上绘制 10 多个散点图。但是，我注意到，如果创建了 8 个以上的地块，一些地块会显示一个皱着眉头的正方形。我读到这意味着 Chrome 无法呈现图表。

图表有多复杂并不重要。即使是 9 个基本图表也会导致一个不呈现。请参见下面的示例，其中包含复制问题的代码：

HTML

<div id="graphDiv1"></div>
<div id="graphDiv2"></div>
<div id="graphDiv3"></div>
<div id="graphDiv4"></div>
<div id="graphDiv5"></div>
<div id="graphDiv6"></div>
<div id="graphDiv7"></div>
<div id="graphDiv8"></div>
<div id="graphDiv9"></div>
<div id="graphDiv10"></div>
<div id="graphDiv11"></div>
<div id="graphDiv12"></div>
<div id="graphDiv13"></div>

JS

for (let i = 1;i < 13;i++) {
    
    var trace1 = {
        x: [1, 2, 3, 4],
        y: [4, 1, 5, 3],
        mode: 'markers',
        type: 'scattergl',
        marker:{
            size: [30, 80, 50, 80],
            color: 'blue'
        },
        name: 'Third Trace'
    };

    var data = [trace1];

    var layout = {
        title: `Chart ${i}`
    };

    var graphDiv = document.getElementById('graphDiv' + i.toString());

    Plotly.newPlot(graphDiv, data, layout);

}

知道如何克服这个问题吗？

Answer 1

似乎有一个 Github 问题未解决。该问题未解决，因为它是 Chrome:

的限制

https://github.com/plotly/plotly.js/issues/2333

Plotly 多个散点图 - 渲染问题

Plotly Multiple Scatter Plots - Rendering Problem

javascript

plotly

plotly.js