You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
518 lines
15 KiB
518 lines
15 KiB
/**
|
|
* This object contains all possible options. It will check if the types are correct, if required if the option is one
|
|
* of the allowed values.
|
|
*
|
|
* __any__ means that the name of the property does not matter.
|
|
* __type__ is a required field for all objects and contains the allowed types of all objects
|
|
*/
|
|
let string = 'string';
|
|
let boolean = 'boolean';
|
|
let number = 'number';
|
|
let array = 'array';
|
|
let object = 'object'; // should only be in a __type__ property
|
|
let dom = 'dom';
|
|
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' }
|
|
},
|
|
edges: {
|
|
arrows: {
|
|
to: { enabled: { boolean }, scaleFactor: { number }, type: { string: ['arrow', 'circle'] }, __type__: { object, boolean } },
|
|
middle: { enabled: { boolean }, scaleFactor: { number }, type: { string: ['arrow', 'circle'] }, __type__: { object, boolean } },
|
|
from: { enabled: { boolean }, scaleFactor: { number }, type: { string: ['arrow', 'circle'] }, __type__: { object, boolean } },
|
|
__type__: { string: ['from', 'to', 'middle'], object }
|
|
},
|
|
arrowStrikethrough: { boolean },
|
|
color: {
|
|
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 },
|
|
scaling: {
|
|
min: { number },
|
|
max: { number },
|
|
label: {
|
|
enabled: { boolean },
|
|
min: { number },
|
|
max: { number },
|
|
maxVisible: { number },
|
|
drawThreshold: { number },
|
|
__type__: { object, boolean }
|
|
},
|
|
customScalingFunction: { 'function': 'function' },
|
|
__type__: { object }
|
|
},
|
|
selectionWidth: { 'function': 'function', number },
|
|
selfReferenceSize: { number },
|
|
shadow: {
|
|
enabled: { boolean },
|
|
color: { string },
|
|
size: { number },
|
|
x: { number },
|
|
y: { number },
|
|
__type__: { object, boolean }
|
|
},
|
|
smooth: {
|
|
enabled: { boolean },
|
|
type: { string: ['dynamic', 'continuous', 'discrete', 'diagonalCross', 'straightCross', 'horizontal', 'vertical', 'curvedCW', 'curvedCCW', 'cubicBezier'] },
|
|
roundness: { number },
|
|
forceDirection: { string: ['horizontal', 'vertical', 'none'], boolean },
|
|
__type__: { object, boolean }
|
|
},
|
|
title: { string, 'undefined': 'undefined' },
|
|
width: { number },
|
|
value: { number, 'undefined': 'undefined' },
|
|
__type__: { object }
|
|
},
|
|
groups: {
|
|
useDefaultGroups: { boolean },
|
|
__any__: 'get from nodes, will be overwritten below',
|
|
__type__: { object }
|
|
},
|
|
interaction: {
|
|
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 }
|
|
},
|
|
layout: {
|
|
randomSeed: { 'undefined': 'undefined', number },
|
|
improvedLayout: { boolean },
|
|
hierarchical: {
|
|
enabled: { boolean },
|
|
levelSeparation: { number },
|
|
nodeSpacing: { number },
|
|
treeSpacing: { number },
|
|
blockShifting: { boolean },
|
|
edgeMinimization: { boolean },
|
|
parentCentralization: { boolean },
|
|
direction: { string: ['UD', 'DU', 'LR', 'RL'] }, // UD, DU, LR, RL
|
|
sortMethod: { string: ['hubsize', 'directed'] }, // hubsize, directed
|
|
__type__: { object, boolean }
|
|
},
|
|
__type__: { object }
|
|
},
|
|
manipulation: {
|
|
enabled: { boolean },
|
|
initiallyActive: { boolean },
|
|
addNode: { boolean, 'function': 'function' },
|
|
addEdge: { boolean, 'function': 'function' },
|
|
editNode: { 'function': 'function' },
|
|
editEdge: {
|
|
editWithoutDrag: { 'function' : 'function' },
|
|
__type__: {object, boolean, 'function': 'function' }
|
|
},
|
|
deleteNode: { boolean, 'function': 'function' },
|
|
deleteEdge: { boolean, 'function': 'function' },
|
|
controlNodeStyle: 'get from nodes, will be overwritten below',
|
|
__type__: { object, boolean }
|
|
},
|
|
nodes: {
|
|
borderWidth: { number },
|
|
borderWidthSelected: { number, 'undefined': 'undefined' },
|
|
brokenImage: { string, 'undefined': 'undefined' },
|
|
color: {
|
|
border: { string },
|
|
background: { string },
|
|
highlight: {
|
|
border: { string },
|
|
background: { string },
|
|
__type__: { object, string }
|
|
},
|
|
hover: {
|
|
border: { string },
|
|
background: { string },
|
|
__type__: { object, string }
|
|
},
|
|
__type__: { object, string }
|
|
},
|
|
fixed: {
|
|
x: { boolean },
|
|
y: { boolean },
|
|
__type__: { object, boolean }
|
|
},
|
|
font: {
|
|
align: { string },
|
|
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' },
|
|
margin: {
|
|
top: { number },
|
|
right: { number },
|
|
bottom: { number },
|
|
left: { number },
|
|
__type__: { object, number }
|
|
},
|
|
mass: { number },
|
|
physics: { boolean },
|
|
scaling: {
|
|
min: { number },
|
|
max: { number },
|
|
label: {
|
|
enabled: { boolean },
|
|
min: { number },
|
|
max: { number },
|
|
maxVisible: { number },
|
|
drawThreshold: { number },
|
|
__type__: { object, boolean }
|
|
},
|
|
customScalingFunction: { 'function': 'function' },
|
|
__type__: { object }
|
|
},
|
|
shadow: {
|
|
enabled: { boolean },
|
|
color: { string },
|
|
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'] },
|
|
shapeProperties: {
|
|
borderDashes: { boolean, array },
|
|
borderRadius: { number },
|
|
interpolation: { boolean },
|
|
useImageSize: { boolean },
|
|
useBorderWithImage: { boolean },
|
|
__type__: { object }
|
|
},
|
|
size: { number },
|
|
title: { string, 'undefined': 'undefined' },
|
|
value: { number, 'undefined': 'undefined' },
|
|
x: { number },
|
|
y: { number },
|
|
__type__: { object }
|
|
},
|
|
physics: {
|
|
enabled: { boolean },
|
|
barnesHut: {
|
|
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 }
|
|
},
|
|
repulsion: {
|
|
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'] },
|
|
stabilization: {
|
|
enabled: { boolean },
|
|
iterations: { number }, // maximum number of iteration to stabilize
|
|
updateInterval: { number },
|
|
onlyDynamicEdges: { boolean },
|
|
fit: { boolean },
|
|
__type__: { object, boolean }
|
|
},
|
|
timestep: { number },
|
|
adaptiveTimestep: { boolean },
|
|
__type__: { object, boolean }
|
|
},
|
|
|
|
//globals :
|
|
autoResize: { boolean },
|
|
clickToUse: { boolean },
|
|
locale: { string },
|
|
locales: {
|
|
__any__: { any },
|
|
__type__: { object }
|
|
},
|
|
height: { string },
|
|
width: { string },
|
|
__type__: { object }
|
|
};
|
|
|
|
allOptions.groups.__any__ = allOptions.nodes;
|
|
allOptions.manipulation.controlNodeStyle = allOptions.nodes;
|
|
|
|
|
|
let configureOptions = {
|
|
nodes: {
|
|
borderWidth: [1, 0, 10, 1],
|
|
borderWidthSelected: [2, 0, 10, 1],
|
|
color: {
|
|
border: ['color', '#2B7CE9'],
|
|
background: ['color', '#97C2FC'],
|
|
highlight: {
|
|
border: ['color', '#2B7CE9'],
|
|
background: ['color', '#D2E5FF']
|
|
},
|
|
hover: {
|
|
border: ['color', '#2B7CE9'],
|
|
background: ['color', '#D2E5FF']
|
|
}
|
|
},
|
|
fixed: {
|
|
x: false,
|
|
y: false
|
|
},
|
|
font: {
|
|
color: ['color', '#343434'],
|
|
size: [14, 0, 100, 1], // px
|
|
face: ['arial', 'verdana', 'tahoma'],
|
|
background: ['color', 'none'],
|
|
strokeWidth: [0, 0, 50, 1], // px
|
|
strokeColor: ['color', '#ffffff']
|
|
},
|
|
//group: 'string',
|
|
hidden: false,
|
|
labelHighlightBold: true,
|
|
//icon: {
|
|
// face: 'string', //'FontAwesome',
|
|
// code: 'string', //'\uf007',
|
|
// size: [50, 0, 200, 1], //50,
|
|
// color: ['color','#2B7CE9'] //'#aa00ff'
|
|
//},
|
|
//image: 'string', // --> URL
|
|
physics: true,
|
|
scaling: {
|
|
min: [10, 0, 200, 1],
|
|
max: [30, 0, 200, 1],
|
|
label: {
|
|
enabled: false,
|
|
min: [14, 0, 200, 1],
|
|
max: [30, 0, 200, 1],
|
|
maxVisible: [30, 0, 200, 1],
|
|
drawThreshold: [5, 0, 20, 1]
|
|
}
|
|
},
|
|
shadow: {
|
|
enabled: false,
|
|
color: 'rgba(0,0,0,0.5)',
|
|
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'],
|
|
shapeProperties: {
|
|
borderDashes: false,
|
|
borderRadius: [6, 0, 20, 1],
|
|
interpolation: true,
|
|
useImageSize: false
|
|
},
|
|
size: [25, 0, 200, 1]
|
|
},
|
|
edges: {
|
|
arrows: {
|
|
to: { enabled: false, scaleFactor: [1, 0, 3, 0.05], type: 'arrow' },
|
|
middle: { enabled: false, scaleFactor: [1, 0, 3, 0.05], type: 'arrow' },
|
|
from: { enabled: false, scaleFactor: [1, 0, 3, 0.05], type: 'arrow' }
|
|
},
|
|
arrowStrikethrough: true,
|
|
color: {
|
|
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'],
|
|
size: [14, 0, 100, 1], // px
|
|
face: ['arial', 'verdana', 'tahoma'],
|
|
background: ['color', 'none'],
|
|
strokeWidth: [2, 0, 50, 1], // px
|
|
strokeColor: ['color', '#ffffff'],
|
|
align: ['horizontal', 'top', 'middle', 'bottom']
|
|
},
|
|
hidden: false,
|
|
hoverWidth: [1.5, 0, 5, 0.1],
|
|
labelHighlightBold: true,
|
|
physics: true,
|
|
scaling: {
|
|
min: [1, 0, 100, 1],
|
|
max: [15, 0, 100, 1],
|
|
label: {
|
|
enabled: true,
|
|
min: [14, 0, 200, 1],
|
|
max: [30, 0, 200, 1],
|
|
maxVisible: [30, 0, 200, 1],
|
|
drawThreshold: [5, 0, 20, 1]
|
|
}
|
|
},
|
|
selectionWidth: [1.5, 0, 5, 0.1],
|
|
selfReferenceSize: [20, 0, 200, 1],
|
|
shadow: {
|
|
enabled: false,
|
|
color: 'rgba(0,0,0,0.5)',
|
|
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', 'cubicBezier'],
|
|
forceDirection: ['horizontal', 'vertical', 'none'],
|
|
roundness: [0.5, 0, 1, 0.05]
|
|
},
|
|
width: [1, 0, 30, 1]
|
|
},
|
|
layout: {
|
|
//randomSeed: [0, 0, 500, 1],
|
|
//improvedLayout: true,
|
|
hierarchical: {
|
|
enabled: false,
|
|
levelSeparation: [150, 20, 500, 5],
|
|
nodeSpacing: [100, 20, 500, 5],
|
|
treeSpacing: [200, 20, 500, 5],
|
|
blockShifting: true,
|
|
edgeMinimization: true,
|
|
parentCentralization: true,
|
|
direction: ['UD', 'DU', 'LR', 'RL'], // UD, DU, LR, RL
|
|
sortMethod: ['hubsize', 'directed'] // hubsize, directed
|
|
}
|
|
},
|
|
interaction: {
|
|
dragNodes: true,
|
|
dragView: true,
|
|
hideEdgesOnDrag: false,
|
|
hideNodesOnDrag: false,
|
|
hover: false,
|
|
keyboard: {
|
|
enabled: false,
|
|
speed: { x: [10, 0, 40, 1], y: [10, 0, 40, 1], zoom: [0.02, 0, 0.1, 0.005] },
|
|
bindToWindow: true
|
|
},
|
|
multiselect: false,
|
|
navigationButtons: false,
|
|
selectable: true,
|
|
selectConnectedEdges: true,
|
|
hoverConnectedEdges: true,
|
|
tooltipDelay: [300, 0, 1000, 25],
|
|
zoomView: true
|
|
},
|
|
manipulation: {
|
|
enabled: false,
|
|
initiallyActive: false
|
|
},
|
|
physics: {
|
|
enabled: true,
|
|
barnesHut: {
|
|
//theta: [0.5, 0.1, 1, 0.05],
|
|
gravitationalConstant: [-2000, -30000, 0, 50],
|
|
centralGravity: [0.3, 0, 10, 0.05],
|
|
springLength: [95, 0, 500, 5],
|
|
springConstant: [0.04, 0, 1.2, 0.005],
|
|
damping: [0.09, 0, 1, 0.01],
|
|
avoidOverlap: [0, 0, 1, 0.01]
|
|
},
|
|
forceAtlas2Based: {
|
|
//theta: [0.5, 0.1, 1, 0.05],
|
|
gravitationalConstant: [-50, -500, 0, 1],
|
|
centralGravity: [0.01, 0, 1, 0.005],
|
|
springLength: [95, 0, 500, 5],
|
|
springConstant: [0.08, 0, 1.2, 0.005],
|
|
damping: [0.4, 0, 1, 0.01],
|
|
avoidOverlap: [0, 0, 1, 0.01]
|
|
},
|
|
repulsion: {
|
|
centralGravity: [0.2, 0, 10, 0.05],
|
|
springLength: [200, 0, 500, 5],
|
|
springConstant: [0.05, 0, 1.2, 0.005],
|
|
nodeDistance: [100, 0, 500, 5],
|
|
damping: [0.09, 0, 1, 0.01]
|
|
},
|
|
hierarchicalRepulsion: {
|
|
centralGravity: [0.2, 0, 10, 0.05],
|
|
springLength: [100, 0, 500, 5],
|
|
springConstant: [0.01, 0, 1.2, 0.005],
|
|
nodeDistance: [120, 0, 500, 5],
|
|
damping: [0.09, 0, 1, 0.01]
|
|
},
|
|
maxVelocity: [50, 0, 150, 1],
|
|
minVelocity: [0.1, 0.01, 0.5, 0.01],
|
|
solver: ['barnesHut', 'forceAtlas2Based', 'repulsion', 'hierarchicalRepulsion'],
|
|
timestep: [0.5, 0.01, 1, 0.01],
|
|
//adaptiveTimestep: true
|
|
}
|
|
};
|
|
|
|
export {allOptions, configureOptions};
|