多散点图绘制问题

Question

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

图表有多复杂并不重要。即使是9个基本图表也会导致一个不能渲染。例如，请参阅下面复制问题的代码：

https://codepen.io/ceds/pen/wvrGoLa

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