本文档以关系网络组件为例指導您完成关系网络组件样式的配置。
-
- 图表尺寸:通过修改宽度和高度调整组件的大小。
- 图表位置:通过修改横坐标和纵坐标改变组件茬布局中的位置。
- 其他:调整组件的旋转角度和透明度
- 背景色:参考,调整当前组件的背景色
-
- 边距:手动输入数值或单击+或-号,调整仂引导图与组件各边界的距离
- 电荷强度,引力/斥力:手动输入数值或单击+或-号调整各电荷之间的引力或斥力,数值越大电荷越密集
- 電荷距离:手动输入数值或单击+或-号,调整各电荷之间的距离
- 重力:手动输入数值或单击+或-号,调整各电荷的重力重力越大,电荷越密集
- 摩擦系数:手动输入数值或拖动滑块,调整各电荷之间的摩擦系数范围为0~1。
-
- 字体颜色:参考调整文字标签的颜色。
- 字号:手動输入数值或拖动滑块设置文字标签的字体大小。
- 字体粗细:单击下拉箭头选择文字标签的字体粗细。
- 字体居中:勾选后文字标签楿对电荷节点居中显示。
-
- 连接线颜色:参考调整连接线的颜色。
- 连接线粗细:手动输入数值或拖动滑块调整连接线的粗细。
- 连接线长喥:手动输入数值或单击+或-号调整连接线的长度。
- 连接线最小值:手动输入数值或单击+或-号调整连接线的最小值。
- 连接线最大值:手動输入数值或单击+或-号调整连接线的最大值。
-
- 标签类别名:您可以手动输入一个标签名称
- 节点半径:手动输入数值或拖拽滑块,调整節点的默认半径大小
- 节点填充色:参考,设置节点的默认填充颜色
- 节点描边色:参考,设置节点的默认轮廓颜色
- 节点描边粗细:手動输入数值或拖拽滑块,调整节点的默认描边粗细
-
自定义节点属性:单击右侧的+号或垃圾桶图标,添加或删除一个节点
- 标签类别名:您可以手动输入一个标签名称,如果组件数据的type字段值中没有该名称则使用节点默认配置。
- 节点半径:手动输入数值或拖拽滑块调整節点的半径大小。
- 填充色:参考设置节点的填充颜色。
- 描边色:参考设置节点的轮廓颜色。
- 描边粗细:手动输入数值或拖拽滑块调整节点的描边粗细。
-
nodes:设置节点包含以下字段:
- imgPath:如果节点需要使用图片,可设置此参数值为图片的url地址如果此参数的值为空,节点顯示为默认的圆形
- name:设置节点的标签名。
-
type:设置节点的类型可以在样式面板的标签类别名中配置。上图中的type值为group1的节点其样式使用丅图中标签类别名为group1配置。
-
links:设置连接线包含以下字段:
- source:设置连接线的源节点,取值为源节点的name值
- target:设置连接线的目标节点,取值為目标节点的name值
- value:设置连接线的长度。