图谱配置项

常规配置

GraphOptions.dom

挂载的 dom 元素

GraphOptions.data

图节点和边的数据，支持数据中配置节点和边的样式

{
    "nodes"
:
    [
        {
            "id": "a", // 节点id
            "name": "节点A", // 节点文字
            "radius": 7, // 节点大小, 默认10
            "color": "#001d70", // 节点颜色，默认通过随机色板取色
        }
    ],
        "links"
:
    [
        {
            "source": "a", // 起点id
            "target": "b", // 终点id
            "color": "rgb(127, 128, 174)", // 边颜色，默认rgb(127, 128, 174)
            "linkType": "bezier" // 边path类型 straight | bezier | arc:upper | arc:lower (直线 | 贝塞尔曲线 | 上弧线 | 下弧线)，默认straight
        }
    ]
}

{
    "nodes": [
        {
            "id": "a",
            // 节点id
            "name": "节点A",
            // 节点文字
            "radius": 7,
            // 节点大小, 默认10
            "color": "#001d70",
            // 节点颜色，默认通过随机色板取色
            "x": 7,
            // 节点x坐标
            "y": 7,
            // 节点y坐标
            "fx": 7,
            // 节点固定的x坐标，fixed状态的节点将不再因受力作用移动
            "fy": 7
            // 节点固定的y坐标
        }
    ],
    "links": [
        {
            "source": {
                // 引用指向节点a的对象
                "id": "a",
                "name": "节点A",
            },
            "target": {
                // 引用指向节点b的对象
                "id": "b",
                "name": "节点B",
            },
            "color": "rgb(127, 128, 174)",
            "linkType": "bezier"
        }
    ]
}

可以通过保存上面的数据快照的形式，将图谱的结构保存下来，待下次注入数据的时候，将会恢复到快照时的状态

GraphOptions.width

自定义渲染宽度

GraphOptions.height

自定义渲染高度

GraphOptions.auto = true

是否自动开始布局，默认值 true

GraphOptions.zoom = 1

初始缩放值，非负值，默认值 1

GraphOptions.enableZoom = true

是否允许缩放，默认值 true

GraphOptions.enableHover = true

节点是否允许 hover，默认值 true

GraphOptions.enableLock = true

是否开启锁定功能，默认值 true

GraphOptions.showHalo = false

是否显示节点光晕，默认值 false

GraphOptions.appendOpacity = false

初始化元素时是否需要添加透明度

GraphOptions.cloneData = true

是否使用克隆数据源，默认值 true

GraphOptions.appendOpacity = false

初始化元素时是否需要添加透明度

GraphOptions.appendOpacity = true

初始化元素时是否需要添加透明度

showLinkArrow

simulation 配置

GraphOptions.alpha = 1

alpha 起始值, 默认:1, 范围:[0,1]

GraphOptions.alphaMin = 0.001

alpha 最小值, 默认:0.001, 范围:[0,1]

GraphOptions.alphaDecay = 1 - Math.pow(0.001, 1 / 100)

alpha 衰减系数, 默认:0.0228 = 1 - Math.pow(0.001, 1 / 300)，范围:[0,1] *0.001 即 alphaMin

GraphOptions.alphaTarget = 0

alpha 目标值, 默认 0, 范围[0,1] 小于 alphaMin 才会停止 初始情况下 0 < 0.001

GraphOptions.velocityDecay = 0.6

速度衰减系数, 默认 0.6, 范围[0,1]

render 配置

GraphOptions.renderer = 'svg'

渲染模式，默认值 svg

内置插件配置

GraphOptions.pluginOptions = {}

目前支持配置的插件如下:

GraphOptions.pluginOptions.bezierCurveController = { enable: false }

是否开启贝塞尔曲线控制点

• bezierCurveController

  • enable boolean 默认值 false

GraphOptions.pluginOptions.occlusionDetection = { enable: false }

是否进行动态遮挡检测

• occlusionDetection

  • enable boolean 默认值 false