Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/windows/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在visjs中设置选项?_Javascript_Vis.js - Fatal编程技术网

Javascript 如何在visjs中设置选项?

Javascript 如何在visjs中设置选项?,javascript,vis.js,Javascript,Vis.js,如何使用Vis.js库在网络中设置选项 我找不到任何答案。 大家都说, network.setOptions(options); 但我不明白。如何编辑这些选项 我想在网络中切换zoomView $("#zoom-network").click(function(e) { // what to do here ? network.setOptions(options); }); 编辑 多亏了AlexP,我找到了答案: $("#zoom-network").click(fu

如何使用Vis.js库在网络中设置选项

我找不到任何答案。 大家都说,

network.setOptions(options);
但我不明白。如何编辑这些选项

我想在网络中切换zoomView

$("#zoom-network").click(function(e) { 
    // what to do here ? 
    network.setOptions(options); 
});
编辑 多亏了AlexP,我找到了答案:

$("#zoom-network").click(function(e) {
    var options = {
        interaction : {
            zoomView : true
        }
    };
    network.setOptions(options);
});

网络|基本用法
#我的网络{
宽度:600px;
高度:400px;
边框:1px实心浅灰色;
}

创建一个包含一些节点和边的简单网络。

//创建一个包含节点的数组 var节点=新的vis.DataSet([ {id:1,标签:'Node 1'}, {id:2,标签:'Node 2'}, {id:3,标签:'Node 3'}, {id:4,标签:'Node 4'}, {id:5,标签:'Node 5'} ]); //创建具有边的阵列 var edges=new vis.DataSet([ {从:1到:3}, {从:1到:2}, {从:2到:4}, {从:2到:5} ]); //创建网络 var container=document.getElementById('mynetwork'); 风险值数据={ 节点:节点, 边缘:边缘 }; var选项={}; var网络=新的可视网络(容器、数据); 网络设置选项(选项);
对于缩放之类的动画,必须使用
.moveTo

$("#zoom-network").click(function(e) { 
    var options = { 
      scale: 1.5,
      animation: {      
        duration: 1000,
        easingFunction: "easeInOutQuad"
      }
    }
    network.moveTo(options); 
});

您可以设置单个选项(例如,如果要提供有效日期,您可能只希望设置“结束”选项)。因此,假设您有一个先前设置的选项对象,如上面的答案所示,没有“end”选项集,您将使用如下代码:

 if (this.end != null) {
       this.options["end"] = this.end;
 }

setOptions(选项)在给定完整选项时,此选项可以正常工作code@alexP它没有回答:(我已经看过了(对不起,如果英语不好的话)我知道。但是在创建网络后,我如何(取消)设置zoomView而不重置以前的选项?(以一个事件为例)
$(“#zoom network”)。单击(函数(e){//在这里做什么?network.setOptions(options);});
完美!谢谢!成功了!(代码请参见我的编辑)
 if (this.end != null) {
       this.options["end"] = this.end;
 }