javascript - visjs 网络容器需要在顶部

Question

我正在将 visjs 用于图形。我正在使用滑块更改 div 大小。当我将网络画布位置的大小更改为中心时。此外，当我在没有每一步的情况下将幻灯片从 1 更改为 6 时，画布会转到图表的顶部和隐藏部分。谁能给我一个建议？

function draw() {  
var container = document.getElementById('mynetwork');
var options = {
    autoResize: false,
    layout: {
        improvedLayout: false,
    },
     edges: {
        arrows: {
            to: true,
        },
        width: 2,
    },
    nodes: {
        shape: 'box',
        shapeProperties: {borderRadius: 0},
        font: {
             size: 23,      
         },
    },
    interaction: {
        hover: true,
        hoverConnectedEdges: false,
        selectConnectedEdges: true,         
    },
};
network = new vis.Network(container, data, options);
}

<input id="sliderC" type="range" min="1" max="6" value="1" onchange="sliderN.value=value;networkBoxChange();"></input> 

    <output id="sliderN">1</output>

    <div id="mynetwork"></div>
                
    function networkBoxChange() {       
        if (sliderN.value == 1) {
            document.getElementById("mynetwork").style.height = "850px";
            network.setOptions({height: "850px" });
            network.moveTo({scale: 0.98}); 
        } else if (sliderN.value == 2) {
            document.getElementById("mynetwork").style.height = "950px"
            network.setOptions({height: "950px" });
            network.moveTo({scale: 0.   }
 else if (sliderN.value == 3)
            document.getElementById("mynetwork").style.height = "1050px";
            network.setOptions({height: "1050px" });
            network.moveTo({scale: 0.98}); 
        } else if (heightD.value == 4) {
            document.getElementById("mynetwork").style.height = "1150px";
            network.setOptions({height: "1150px" });
            network.moveTo({scale: 0.98}); 
        } else {
            document.getElementById("mynetwork").style.height = "1600px";
            network.setOptions({height: "1600px" });
            network.moveTo({scale: 0.98}); 
        }
    }

标签： javascriptvis.js