visjs入门--模块interaction

interaction

// these are all options in full.
var options = {
  interaction:{
    dragNodes:true,
    dragView: true,
    hideEdgesOnDrag: false,
    hideNodesOnDrag: false,
    hover: false,
    hoverConnectedEdges: true,
    keyboard: {
      enabled: false,
      speed: {x: 10, y: 10, zoom: 0.02},
      bindToWindow: true
    },
    multiselect: false,
    navigationButtons: false,
    selectable: true,
    selectConnectedEdges: true,
    tooltipDelay: 300,
    zoomView: true
  }
}

network.setOptions(options);
参数名 类型 默认值 描述
dragNodes Boolean true 当TRUE时,不固定的节点可以被用户拖动。
dragView Boolean true 当TRUE时,视图可以被用户拖拽。
hideEdgesOnDrag Boolean false 当为真时,拖动视图时不绘制边沿。这可以大大加快拖动的响应性,提高用户体验。
hideNodesOnDrag Boolean false 如果为true,则在拖动视图时不绘制节点。这可以大大加快拖动的响应性,提高用户体验。
hover Boolean false 当TRUE,the节点土地徘徊的颜色当老鼠移动了他们。
hoverConnectedEdges Boolean true 当TRUE,悬停在一个节点上,它的连接边缘突出显示。
keyboard Object or Boolean Object 如果为true,则使用默认设置启用键盘快捷键。为了进一步定制,可以提供对象。
keyboard.enabled Boolean false 切换键盘快捷键的用法。如果未定义此选项,则如果定义了该对象中的任何属性,则将其设置为true。
keyboard.speed.x Number 1 在按下键或按下导航按钮时,视图在X方向上移动的速度。
keyboard.speed.y Number 1 在按下键或按下导航按钮时,视图在Y方向上移动的速度。
keyboard.speed.zoom Number 0.02 视图缩放或按下键或按下导航按钮的速度。
keyboard.bindToWindow Boolean true 当将键盘快捷键绑定到窗口时,它们将工作,而不管哪个DOM对象具有焦点。如果您的页面上有多个网络,则可以将其设置为false,以确保键盘快捷键仅在具有焦点的网络上工作。
multiselect Boolean false 当为真时,长时间单击(或触摸)以及控件单击将添加到选择。
navigationButtons Boolean false 如果为真,则在网络画布上绘制导航按钮。这些是HTML按钮,可以使用CSS完全定制。
selectable Boolean true 当为真时,节点和边可以由用户选择。
selectConnectedEdges Boolean true 当为true时,在选择节点时,其连接边被高亮显示。
tooltipDelay Number 300 当节点或边具有定义的“title”字段时,这可以显示为弹出工具提示。工具提示本身是一个HTML元素,可以使用CSS完全样式化。延迟是在显示工具提示之前花费的毫秒时间。
zoomView Boolean true 当为真时,用户可以放大。

相关链接

1、程序员分类目录导航
2、visjs入门1

你可能感兴趣的:(JavaScript)