【问题标题】:How to automatically resize height of visjs Network component when window resized?调整窗口大小时如何自动调整visjs网络组件的高度?
【发布时间】:2019-03-02 09:49:01
【问题描述】:

这只是一个答案,因为我自己找不到答案,所以为社区写了它。一些注释掉的代码也可以使用。

【问题讨论】:

    标签: jquery vis.js


    【解决方案1】:
    <div id="map"> </div>
    
    <script type="text/javascript">
        function getMapHeight() {
            return (window.innerHeight - 90);
        }
    
        $(function () {
            let options = {
                autoResize: true,
                // width: '100%',
                height: getMapHeight() + "px",
            };
    
            let network = new vis.Network($("#map"), data, options);
    
            $(window).on('resize', function(){
                network.setOptions({
                    // width: (window.innerWidth - 100) + "px",
                    height: getMapHeight() + "px",
                });
            });
        });
    </script>
    

    【讨论】:

    • 我猜你的意思是 $("#map") 而不是 $("#map) 对吧?
    • 是的。谢谢。已更新。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-07-03
    • 2015-06-18
    • 2011-05-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-11
    相关资源
    最近更新 更多