Javascript 如何在visjs中设置选项?
如何使用Vis.js库在网络中设置选项 我找不到任何答案。 大家都说,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
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;
}