visjs入门--模块edges

edges

edges的选项必须包含在标题为“edges”的对象中。所有这些选项也可以每个edges提供。显然，“ID”不应该全局定义，而是每个edges的定义。在全局edges对象中定义的选项应用于所有edges。如果一个edges有自己的选项，那么这些边将被用来代替全局选项。

当您给了一个edges一个选项时，您将重写该属性的全局选项。如果您将该选项设置为NULL，则它将返回到默认值。

// these are all options in full.
var options = {
  edges:{
    arrows: {
      to:     {enabled: false, scaleFactor:1, type:'arrow'},
      middle: {enabled: false, scaleFactor:1, type:'arrow'},
      from:   {enabled: false, scaleFactor:1, type:'arrow'}
    },
    arrowStrikethrough: true,
    chosen: true,
    color: {
      color:'#848484',
      highlight:'#848484',
      hover: '#848484',
      inherit: 'from',
      opacity:1.0
    },
    dashes: false,
    font: {
      color: '#343434',
      size: 14, // px
      face: 'arial',
      background: 'none',
      strokeWidth: 2, // px
      strokeColor: '#ffffff',
      align: 'horizontal',
      multi: false,
      vadjust: 0,
      bold: {
        color: '#343434',
        size: 14, // px
        face: 'arial',
        vadjust: 0,
        mod: 'bold'
      },
      ital: {
        color: '#343434',
        size: 14, // px
        face: 'arial',
        vadjust: 0,
        mod: 'italic',
      },
      boldital: {
        color: '#343434',
        size: 14, // px
        face: 'arial',
        vadjust: 0,
        mod: 'bold italic'
      },
      mono: {
        color: '#343434',
        size: 15, // px
        face: 'courier new',
        vadjust: 2,
        mod: ''
      }
    },
    hidden: false,
    hoverWidth: 1.5,
    label: undefined,
    labelHighlightBold: true,
    length: undefined,
    physics: true,
    scaling:{
      min: 1,
      max: 15,
      label: {
        enabled: true,
        min: 14,
        max: 30,
        maxVisible: 30,
        drawThreshold: 5
      },
      customScalingFunction: function (min,max,total,value) {
        if (max === min) {
          return 0.5;
        }
        else {
          var scale = 1 / (max - min);
          return Math.max(0,(value - min)*scale);
        }
      }
    },
    selectionWidth: 1,
    selfReferenceSize:20,
    shadow:{
      enabled: false,
      color: 'rgba(0,0,0,0.5)',
      size:10,
      x:5,
      y:5
    },
    smooth: {
      enabled: true,
      type: "dynamic",
      roundness: 0.5
    },
    title:undefined,
    value: undefined,
    width: 1,
    widthConstraint: false
  }
}

network.setOptions(options);

这些选项也可以设置为每个单独的边缘。

参数名	类型	默认值	描述
arrows	Object or String	undefined	若要绘制具有默认设置的箭头，可以提供字符串。例如：arrows:'to, from,middle' 或者 'to;from',任何与任何分离符号的组合都很好。如果你想控制箭头的大小，你可以提供一个object。
arrows.to	Object or Boolean	Object	当为true时，绘制“edge”箭头上的箭头，指向默认设置的“to”节点。要自定义箭头的大小，请提供一个object。
arrows.to.enabled	Boolean	false	打开或关闭箭头。此选项是可选的，如果未定义并且设置了scaleFactor属性，将启用为true。
arrows.to.scaleFactor	Number	1	这个选项允许你改变箭头的大小。
arrows.to.type	String	arrow	箭头端点的类型。可能的值是：arrow, bar, circle
arrows.middle	Object or Boolean	Object	类似于“to”对象，但在边缘的中心有箭头。箭头的方向可以通过使用arrows.middle.scaleFactor 设置的负值翻转。
arrows.from	Object or Boolean	Object	与对象完全相同，但在边缘的节点上有箭头。
arrowStrikethrough	Boolean	true