Network - manipulation

canvas 위에서 보는 카메라 역할을 한다. 애니메이션을 확대/축소하고 초점을 맞춘다.

옵션

manipulation 모듈 옵션은 'manipulation'이라는 제목의 object에 포함되어야 한다.

전체 옵션 혹은 요약 옵션을 클릭하여 사용하는 방법을 표시합니다.

• 옵션 숨기기
• 전체 옵션
• 요약 옵션

// 모든 옵션들 입니다.
var options = {
  manipulation: {
    enabled: false,
    initiallyActive: false,
    addNode: true,
    addEdge: true,
    editNode: undefined,
    editEdge: true,
    deleteNode: true,
    deleteEdge: true,
    controlNodeStyle:{
      // all node options are valid.
    }
  }
}

network.setOptions(options);

// 단축 옵션만 표시합니다.
var options = {
  manipulation: false
}

network.setOptions(options);

var options = {
  manipulation: {
    addNode: function(nodeData,callback) {
      nodeData.label = 'hello world';
      callback(nodeData);
    }
  }
}

var options = {
  manipulation: {
    addEdge: function(edgeData,callback) {
      if (edgeData.from === edgeData.to) {
        var r = confirm("Do you want to connect the node to itself?");
        if (r === true) {
          callback(edgeData);
        }
      }
      else {
        callback(edgeData);
      }
    }
  }
}

{
  shape:'dot',
  size:6,
  color: {
    background: '#ff0000',
    border: '#3c3c3c',
    highlight: {
      background: '#07f968',
      border: '#3c3c3c'
    }
  },
  borderWidth: 2,
  borderWidthSelected: 2
}