@ -16,267 +16,268 @@ let any = 'any';
let allOptions = {
configure : {
enabled : { boolean } ,
filter : { boolean , string , array , 'function' : 'function' } ,
container : { dom } ,
showButton : { boolean } ,
__type__ : { object , boolean , string , array , 'function' : 'function' }
enabled : { boolean } ,
filter : { boolean , string , array , 'function' : 'function' } ,
container : { dom } ,
showButton : { boolean } ,
__type__ : { object , boolean , string , array , 'function' : 'function' }
} ,
edges : {
arrows : {
to : { enabled : { boolean } , scaleFactor : { number } , __type__ : { object , boolean } } ,
middle : { enabled : { boolean } , scaleFactor : { number } , __type__ : { object , boolean } } ,
from : { enabled : { boolean } , scaleFactor : { number } , __type__ : { object , boolean } } ,
__type__ : { string : [ 'from' , 'to' , 'middle' ] , object }
to : { enabled : { boolean } , scaleFactor : { number } , __type__ : { object , boolean } } ,
middle : { enabled : { boolean } , scaleFactor : { number } , __type__ : { object , boolean } } ,
from : { enabled : { boolean } , scaleFactor : { number } , __type__ : { object , boolean } } ,
__type__ : { string : [ 'from' , 'to' , 'middle' ] , object }
} ,
color : {
color : { string } ,
highlight : { string } ,
hover : { string } ,
inherit : { string : [ 'from' , 'to' , 'both' ] , boolean } ,
opacity : { number } ,
__type__ : { object , string }
} ,
dashes : { boolean , array } ,
color : { string } ,
highlight : { string } ,
hover : { string } ,
inherit : { string : [ 'from' , 'to' , 'both' ] , boolean } ,
opacity : { number } ,
__type__ : { object , string }
} ,
dashes : { boolean , array } ,
font : {
color : { string } ,
size : { number } , // px
face : { string } ,
background : { string } ,
strokeWidth : { number } , // px
strokeColor : { string } ,
align : { string : [ 'horizontal' , 'top' , 'middle' , 'bottom' ] } ,
__type__ : { object , string }
} ,
hidden : { boolean } ,
hoverWidth : { 'function' : 'function' , number } ,
label : { string , 'undefined' : 'undefined' } ,
labelHighlightBold : { boolean } ,
length : { number , 'undefined' : 'undefined' } ,
physics : { boolean } ,
color : { string } ,
size : { number } , // px
face : { string } ,
background : { string } ,
strokeWidth : { number } , // px
strokeColor : { string } ,
align : { string : [ 'horizontal' , 'top' , 'middle' , 'bottom' ] } ,
__type__ : { object , string }
} ,
hidden : { boolean } ,
hoverWidth : { 'function' : 'function' , number } ,
label : { string , 'undefined' : 'undefined' } ,
labelHighlightBold : { boolean } ,
length : { number , 'undefined' : 'undefined' } ,
physics : { boolean } ,
scaling : {
min : { number } ,
max : { number } ,
min : { number } ,
max : { number } ,
label : {
enabled : { boolean } ,
min : { number } ,
max : { number } ,
maxVisible : { number } ,
drawThreshold : { number } ,
__type__ : { object , boolean }
enabled : { boolean } ,
min : { number } ,
max : { number } ,
maxVisible : { number } ,
drawThreshold : { number } ,
__type__ : { object , boolean }
} ,
customScalingFunction : { 'function' : 'function' } ,
__type__ : { object }
customScalingFunction : { 'function' : 'function' } ,
__type__ : { object }
} ,
selectionWidth : { 'function' : 'function' , number } ,
selfReferenceSize : { number } ,
selectionWidth : { 'function' : 'function' , number } ,
selfReferenceSize : { number } ,
shadow : {
enabled : { boolean } ,
size : { number } ,
x : { number } ,
y : { number } ,
__type__ : { object , boolean }
enabled : { boolean } ,
size : { number } ,
x : { number } ,
y : { number } ,
__type__ : { object , boolean }
} ,
smooth : {
enabled : { boolean } ,
type : { string : [ 'dynamic' , 'continuous' , 'discrete' , 'diagonalCross' , 'straightCross' , 'horizontal' , 'vertical' , 'curvedCW' , 'curvedCCW' ] } ,
roundness : { number } ,
__type__ : { object , boolean }
} ,
title : { string , 'undefined' : 'undefined' } ,
width : { number } ,
value : { number , 'undefined' : 'undefined' } ,
__type__ : { object }
enabled : { boolean } ,
type : { string : [ 'dynamic' , 'continuous' , 'discrete' , 'diagonalCross' , 'straightCross' , 'horizontal' , 'vertical' , 'curvedCW' , 'curvedCCW' ] } ,
roundness : { number } ,
__type__ : { object , boolean }
} ,
title : { string , 'undefined' : 'undefined' } ,
width : { number } ,
value : { number , 'undefined' : 'undefined' } ,
__type__ : { object }
} ,
groups : {
useDefaultGroups : { boolean } ,
useDefaultGroups : { boolean } ,
__any__ : 'get from nodes, will be overwritten below' ,
__type__ : { object }
__type__ : { object }
} ,
interaction : {
dragNodes : { boolean } ,
dragView : { boolean } ,
hideEdgesOnDrag : { boolean } ,
hideNodesOnDrag : { boolean } ,
hover : { boolean } ,
dragNodes : { boolean } ,
dragView : { boolean } ,
hideEdgesOnDrag : { boolean } ,
hideNodesOnDrag : { boolean } ,
hover : { boolean } ,
keyboard : {
enabled : { boolean } ,
speed : { x : { number } , y : { number } , zoom : { number } , __type__ : { object } } ,
bindToWindow : { boolean } ,
__type__ : { object , boolean }
} ,
multiselect : { boolean } ,
navigationButtons : { boolean } ,
selectable : { boolean } ,
selectConnectedEdges : { boolean } ,
hoverConnectedEdges : { boolean } ,
tooltipDelay : { number } ,
zoomView : { boolean } ,
__type__ : { object }
enabled : { boolean } ,
speed : { x : { number } , y : { number } , zoom : { number } , __type__ : { object } } ,
bindToWindow : { boolean } ,
__type__ : { object , boolean }
} ,
multiselect : { boolean } ,
navigationButtons : { boolean } ,
selectable : { boolean } ,
selectConnectedEdges : { boolean } ,
hoverConnectedEdges : { boolean } ,
tooltipDelay : { number } ,
zoomView : { boolean } ,
__type__ : { object }
} ,
layout : {
randomSeed : { 'undefined' : 'undefined' , number } ,
randomSeed : { 'undefined' : 'undefined' , number } ,
hierarchical : {
enabled : { boolean } ,
levelSeparation : { number } ,
direction : { string : [ 'UD' , 'DU' , 'LR' , 'RL' ] } , // UD, DU, LR, RL
sortMethod : { string : [ 'hubsize' , 'directed' ] } , // hubsize, directed
__type__ : { object , boolean }
enabled : { boolean } ,
levelSeparation : { number } ,
direction : { string : [ 'UD' , 'DU' , 'LR' , 'RL' ] } , // UD, DU, LR, RL
sortMethod : { string : [ 'hubsize' , 'directed' ] } , // hubsize, directed
__type__ : { object , boolean }
} ,
__type__ : { object }
__type__ : { object }
} ,
manipulation : {
enabled : { boolean } ,
initiallyActive : { boolean } ,
addNode : { boolean , 'function' : 'function' } ,
addEdge : { boolean , 'function' : 'function' } ,
editNode : { 'function' : 'function' } ,
editEdge : { boolean , 'function' : 'function' } ,
deleteNode : { boolean , 'function' : 'function' } ,
deleteEdge : { boolean , 'function' : 'function' } ,
enabled : { boolean } ,
initiallyActive : { boolean } ,
addNode : { boolean , 'function' : 'function' } ,
addEdge : { boolean , 'function' : 'function' } ,
editNode : { 'function' : 'function' } ,
editEdge : { boolean , 'function' : 'function' } ,
deleteNode : { boolean , 'function' : 'function' } ,
deleteEdge : { boolean , 'function' : 'function' } ,
controlNodeStyle : 'get from nodes, will be overwritten below' ,
__type__ : { object , boolean }
__type__ : { object , boolean }
} ,
nodes : {
borderWidth : { number } ,
borderWidthSelected : { number , 'undefined' : 'undefined' } ,
brokenImage : { string , 'undefined' : 'undefined' } ,
borderWidth : { number } ,
borderWidthSelected : { number , 'undefined' : 'undefined' } ,
brokenImage : { string , 'undefined' : 'undefined' } ,
color : {
border : { string } ,
background : { string } ,
border : { string } ,
background : { string } ,
highlight : {
border : { string } ,
background : { string } ,
__type__ : { object , string }
border : { string } ,
background : { string } ,
__type__ : { object , string }
} ,
hover : {
border : { string } ,
background : { string } ,
__type__ : { object , string }
border : { string } ,
background : { string } ,
__type__ : { object , string }
} ,
__type__ : { object , string }
__type__ : { object , string }
} ,
fixed : {
x : { boolean } ,
y : { boolean } ,
__type__ : { object , boolean }
x : { boolean } ,
y : { boolean } ,
__type__ : { object , boolean }
} ,
dashes : { boolean , array } ,
font : {
color : { string } ,
size : { number } , // px
face : { string } ,
background : { string } ,
strokeWidth : { number } , // px
strokeColor : { string } ,
__type__ : { object , string }
} ,
group : { string , number , 'undefined' : 'undefined' } ,
hidden : { boolean } ,
color : { string } ,
size : { number } , // px
face : { string } ,
background : { string } ,
strokeWidth : { number } , // px
strokeColor : { string } ,
__type__ : { object , string }
} ,
group : { string , number , 'undefined' : 'undefined' } ,
hidden : { boolean } ,
icon : {
face : { string } ,
code : { string } , //'\uf007',
size : { number } , //50,
color : { string } ,
__type__ : { object }
} ,
id : { string , number } ,
image : { string , 'undefined' : 'undefined' } , // --> URL
label : { string , 'undefined' : 'undefined' } ,
labelHighlightBold : { boolean } ,
level : { number , 'undefined' : 'undefined' } ,
mass : { number } ,
physics : { boolean } ,
face : { string } ,
code : { string } , //'\uf007',
size : { number } , //50,
color : { string } ,
__type__ : { object }
} ,
id : { string , number } ,
image : { string , 'undefined' : 'undefined' } , // --> URL
label : { string , 'undefined' : 'undefined' } ,
labelHighlightBold : { boolean } ,
level : { number , 'undefined' : 'undefined' } ,
mass : { number } ,
physics : { boolean } ,
scaling : {
min : { number } ,
max : { number } ,
min : { number } ,
max : { number } ,
label : {
enabled : { boolean } ,
min : { number } ,
max : { number } ,
maxVisible : { number } ,
drawThreshold : { number } ,
__type__ : { object , boolean }
enabled : { boolean } ,
min : { number } ,
max : { number } ,
maxVisible : { number } ,
drawThreshold : { number } ,
__type__ : { object , boolean }
} ,
customScalingFunction : { 'function' : 'function' } ,
__type__ : { object }
customScalingFunction : { 'function' : 'function' } ,
__type__ : { object }
} ,
shadow : {
enabled : { boolean } ,
size : { number } ,
x : { number } ,
y : { number } ,
__type__ : { object , boolean }
} ,
shape : { string : [ 'ellipse' , 'circle' , 'database' , 'box' , 'text' , 'image' , 'circularImage' , 'diamond' , 'dot' , 'star' , 'triangle' , 'triangleDown' , 'square' , 'icon' ] } ,
size : { number } ,
title : { string , 'undefined' : 'undefined' } ,
value : { number , 'undefined' : 'undefined' } ,
x : { number } ,
y : { number } ,
__type__ : { object }
enabled : { boolean } ,
size : { number } ,
x : { number } ,
y : { number } ,
__type__ : { object , boolean }
} ,
shape : { string : [ 'ellipse' , 'circle' , 'database' , 'box' , 'text' , 'image' , 'circularImage' , 'diamond' , 'dot' , 'star' , 'triangle' , 'triangleDown' , 'square' , 'icon' ] } ,
size : { number } ,
title : { string , 'undefined' : 'undefined' } ,
value : { number , 'undefined' : 'undefined' } ,
x : { number } ,
y : { number } ,
__type__ : { object }
} ,
physics : {
enabled : { boolean } ,
enabled : { boolean } ,
barnesHut : {
gravitationalConstant : { number } ,
centralGravity : { number } ,
springLength : { number } ,
springConstant : { number } ,
damping : { number } ,
avoidOverlap : { number } ,
__type__ : { object }
gravitationalConstant : { number } ,
centralGravity : { number } ,
springLength : { number } ,
springConstant : { number } ,
damping : { number } ,
avoidOverlap : { number } ,
__type__ : { object }
} ,
forceAtlas2Based : {
gravitationalConstant : { number } ,
centralGravity : { number } ,
springLength : { number } ,
springConstant : { number } ,
damping : { number } ,
avoidOverlap : { number } ,
__type__ : { object }
gravitationalConstant : { number } ,
centralGravity : { number } ,
springLength : { number } ,
springConstant : { number } ,
damping : { number } ,
avoidOverlap : { number } ,
__type__ : { object }
} ,
repulsion : {
centralGravity : { number } ,
springLength : { number } ,
springConstant : { number } ,
nodeDistance : { number } ,
damping : { number } ,
__type__ : { object }
centralGravity : { number } ,
springLength : { number } ,
springConstant : { number } ,
nodeDistance : { number } ,
damping : { number } ,
__type__ : { object }
} ,
hierarchicalRepulsion : {
centralGravity : { number } ,
springLength : { number } ,
springConstant : { number } ,
nodeDistance : { number } ,
damping : { number } ,
__type__ : { object }
} ,
maxVelocity : { number } ,
minVelocity : { number } , // px/s
solver : { string : [ 'barnesHut' , 'repulsion' , 'hierarchicalRepulsion' , 'forceAtlas2Based' ] } ,
centralGravity : { number } ,
springLength : { number } ,
springConstant : { number } ,
nodeDistance : { number } ,
damping : { number } ,
__type__ : { object }
} ,
maxVelocity : { number } ,
minVelocity : { number } , // px/s
solver : { string : [ 'barnesHut' , 'repulsion' , 'hierarchicalRepulsion' , 'forceAtlas2Based' ] } ,
stabilization : {
enabled : { boolean } ,
iterations : { number } , // maximum number of iteration to stabilize
updateInterval : { number } ,
onlyDynamicEdges : { boolean } ,
fit : { boolean } ,
__type__ : { object , boolean }
} ,
timestep : { number } ,
__type__ : { object , boolean }
enabled : { boolean } ,
iterations : { number } , // maximum number of iteration to stabilize
updateInterval : { number } ,
onlyDynamicEdges : { boolean } ,
fit : { boolean } ,
__type__ : { object , boolean }
} ,
timestep : { number } ,
__type__ : { object , boolean }
} ,
//globals :
autoResize : { boolean } ,
clickToUse : { boolean } ,
locale : { string } ,
locales : {
__any__ : { any } ,
__type__ : { object }
autoResize : { boolean } ,
clickToUse : { boolean } ,
locale : { string } ,
locales : {
__any__ : { any } ,
__type__ : { object }
} ,
height : { string } ,
width : { string } ,
__type__ : { object }
height : { string } ,
width : { string } ,
__type__ : { object }
} ;
allOptions . groups . __any__ = allOptions . nodes ;
@ -288,28 +289,29 @@ let configureOptions = {
borderWidth : [ 1 , 0 , 10 , 1 ] ,
borderWidthSelected : [ 2 , 0 , 10 , 1 ] ,
color : {
border : [ 'color' , '#2B7CE9' ] ,
background : [ 'color' , '#97C2FC' ] ,
border : [ 'color' , '#2B7CE9' ] ,
background : [ 'color' , '#97C2FC' ] ,
highlight : {
border : [ 'color' , '#2B7CE9' ] ,
background : [ 'color' , '#D2E5FF' ]
border : [ 'color' , '#2B7CE9' ] ,
background : [ 'color' , '#D2E5FF' ]
} ,
hover : {
border : [ 'color' , '#2B7CE9' ] ,
background : [ 'color' , '#D2E5FF' ]
border : [ 'color' , '#2B7CE9' ] ,
background : [ 'color' , '#D2E5FF' ]
}
} ,
fixed : {
x : false ,
y : false
} ,
dashes : false ,
font : {
color : [ 'color' , '#343434' ] ,
color : [ 'color' , '#343434' ] ,
size : [ 14 , 0 , 100 , 1 ] , // px
face : [ 'arial' , 'verdana' , 'tahoma' ] ,
background : [ 'color' , 'none' ] ,
background : [ 'color' , 'none' ] ,
strokeWidth : [ 0 , 0 , 50 , 1 ] , // px
strokeColor : [ 'color' , '#ffffff' ]
strokeColor : [ 'color' , '#ffffff' ]
} ,
//group: 'string',
hidden : false ,
@ -333,36 +335,36 @@ let configureOptions = {
drawThreshold : [ 5 , 0 , 20 , 1 ]
}
} ,
shadow : {
shadow : {
enabled : false ,
size : [ 10 , 0 , 20 , 1 ] ,
x : [ 5 , - 30 , 30 , 1 ] ,
y : [ 5 , - 30 , 30 , 1 ]
size : [ 10 , 0 , 20 , 1 ] ,
x : [ 5 , - 30 , 30 , 1 ] ,
y : [ 5 , - 30 , 30 , 1 ]
} ,
shape : [ 'ellipse' , 'box' , 'circle' , 'database' , 'diamond' , 'dot' , 'square' , 'star' , 'text' , 'triangle' , 'triangleDown' ] ,
size : [ 25 , 0 , 200 , 1 ]
} ,
edges : {
arrows : {
to : { enabled : false , scaleFactor : [ 1 , 0 , 3 , 0.05 ] } , // boolean / {arrowScaleFactor:1} / {enabled: false, arrowScaleFactor:1}
middle : { enabled : false , scaleFactor : [ 1 , 0 , 3 , 0.05 ] } ,
from : { enabled : false , scaleFactor : [ 1 , 0 , 3 , 0.05 ] }
to : { enabled : false , scaleFactor : [ 1 , 0 , 3 , 0.05 ] } , // boolean / {arrowScaleFactor:1} / {enabled: false, arrowScaleFactor:1}
middle : { enabled : false , scaleFactor : [ 1 , 0 , 3 , 0.05 ] } ,
from : { enabled : false , scaleFactor : [ 1 , 0 , 3 , 0.05 ] }
} ,
color : {
color : [ 'color' , '#848484' ] ,
highlight : [ 'color' , '#848484' ] ,
hover : [ 'color' , '#848484' ] ,
inherit : [ 'from' , 'to' , 'both' , true , false ] ,
color : [ 'color' , '#848484' ] ,
highlight : [ 'color' , '#848484' ] ,
hover : [ 'color' , '#848484' ] ,
inherit : [ 'from' , 'to' , 'both' , true , false ] ,
opacity : [ 1 , 0 , 1 , 0.05 ]
} ,
dashes : false ,
font : {
color : [ 'color' , '#343434' ] ,
color : [ 'color' , '#343434' ] ,
size : [ 14 , 0 , 100 , 1 ] , // px
face : [ 'arial' , 'verdana' , 'tahoma' ] ,
background : [ 'color' , 'none' ] ,
background : [ 'color' , 'none' ] ,
strokeWidth : [ 2 , 0 , 50 , 1 ] , // px
strokeColor : [ 'color' , '#ffffff' ] ,
strokeColor : [ 'color' , '#ffffff' ] ,
align : [ 'horizontal' , 'top' , 'middle' , 'bottom' ]
} ,
hidden : false ,
@ -382,15 +384,15 @@ let configureOptions = {
} ,
selectionWidth : [ 1.5 , 0 , 5 , 0.1 ] ,
selfReferenceSize : [ 20 , 0 , 200 , 1 ] ,
shadow : {
shadow : {
enabled : false ,
size : [ 10 , 0 , 20 , 1 ] ,
x : [ 5 , - 30 , 30 , 1 ] ,
y : [ 5 , - 30 , 30 , 1 ]
size : [ 10 , 0 , 20 , 1 ] ,
x : [ 5 , - 30 , 30 , 1 ] ,
y : [ 5 , - 30 , 30 , 1 ]
} ,
smooth : {
enabled : true ,
type : [ 'dynamic' , 'continuous' , 'discrete' , 'diagonalCross' , 'straightCross' , 'horizontal' , 'vertical' , 'curvedCW' , 'curvedCCW' ] ,
type : [ 'dynamic' , 'continuous' , 'discrete' , 'diagonalCross' , 'straightCross' , 'horizontal' , 'vertical' , 'curvedCW' , 'curvedCCW' ] ,
roundness : [ 0.5 , 0 , 1 , 0.05 ]
} ,
width : [ 1 , 0 , 30 , 1 ]
@ -412,7 +414,7 @@ let configureOptions = {
hover : false ,
keyboard : {
enabled : false ,
speed : { x : [ 10 , 0 , 40 , 1 ] , y : [ 10 , 0 , 40 , 1 ] , zoom : [ 0.02 , 0 , 0.1 , 0.005 ] } ,
speed : { x : [ 10 , 0 , 40 , 1 ] , y : [ 10 , 0 , 40 , 1 ] , zoom : [ 0.02 , 0 , 0.1 , 0.005 ] } ,
bindToWindow : true
} ,
multiselect : false ,