visjs 网络容器需要在上面

问题描述

我正在使用 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}); 
        }
    }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript vis.js