Stats.js画布问题（大小和内容）

Question

我一直在网上寻找Stats.js文档。但是我没有找到太多。这是我用来显示统计信息的内容。

var stats1,stats2,stats3;

function createStatsGUI(){

    var thisParent = document.getElementById("modal_4-content");

    stats1 = new Stats();
    stats1.showPanel( 0 ); // 0: fps, 1: ms, 2: mb, 3+: custom

    stats2 = new Stats();
    stats2.showPanel( 1 ); // 0: fps, 1: ms, 2: mb, 3+: custom

    stats3 = new Stats();
    stats3.showPanel( 2 ); // 0: fps, 1: ms, 2: mb, 3+: custom

    //Add Stats to Document - modal 4
    thisParent.appendChild( stats1.domElement );
    thisParent.appendChild( stats2.domElement );
    thisParent.appendChild( stats3.domElement );   
}
function setup(){
    createStatsGUI();
}
function draw(){
    stats1.update(); 
    stats2.update(); 
    stats3.update(); 
}

这是它的样子：

您可以看到stats2和stats3没有更新。但是，当我单击stats1时，它会更改为 MS＆MB 统计信息，并且可以正常工作。为什么会这样？有没有一种方法可以防止stats1使用其他两种统计技术？还是有一种方法可以设置stats1以根据每种情况不同地显示画布？

我还试图更改画布的大小。我尝试使用CSS，但是无法在画布元素上分配ID，也无法通过JS手动完成。当我在检查器中更改它时，它会起作用。

请，如果您对如何使用此domElement有任何了解，将不胜感激。