全局统一配置
# 全局统一配置定义
提示
初始化客户端对象时可以指定全局统一的可视化配置,在添加数据时,会自动按照配置对节点和连线进行样式设定
{
node: { //节点的默认配置
label: { //标签配置
show: true, //是否显示
color: '50,50,50', //字体颜色
font: 'normal 14px Arial', //字体大小及类型
textPosition: 'Bottom_Center', //文字位置 Top_Center,Bottom_Center,Middle_Right
textOffsetX: 0, //文字横向偏移量(默认不配置)
textOffsetY: 0, //文字纵向偏移量(默认不配置)
background: null //文字背景色(默认不配置)
},
shape: 'circle', //节点形状 circle,star,polygon,square
color: '30,160,250', //节点颜色
borderColor:'30,100,250',//边框颜色
borderWidth: 0, //边框宽度
tagColor:'230,30,30',//标记的颜色
size: 60, //节点半径大小
selected: { //选中时的样式设置
borderColor: '50,50,230', //选中时边框颜色
borderAlpha: 1, //选中时的边框透明度
borderWidth: 5, //选中是的外部边框宽度
showShadow: false, //是否展示阴影
shadowColor: '80,160,240', //选中是的阴影颜色
shadowBlur: 10 //阴影的范围大小
}
},
link: { //连线的默认配置
label: { //连线标签
show: true, //是否显示
color: '20,20,20', //字体颜色
font: 'normal 13px Arial', //字体大小及类型
background: null //文字背景色(有背景时上线居中)
},
lineType: 'straight', //连线类型,straight,curver,vlink,hlink,vbezier,hbezier
color: '120,110,110', //连线颜色
lineWidth: 2, //连线宽度
showArrow: true, //显示连线箭头
arrowType:'triangle',//箭头样式arrow,triangle
selected: { //选中时的样式设置
color: '50,50,230' //选中时的颜色
}
},
highLightNeiber: false, //相邻节点高度标志
wheelZoom: 0.9, //滚轮缩放开关,不使用时不设置
selectBox:{ //框选区域的颜色配置
color:'10,10,225', //框的颜色
alpha: 0.1 //框的透明度
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49