本文为您概述介绍在 KonisGraph 实例图数据管理平台的图分析中,如何进行图可视化分析的布局设置。
布局概述
在图可视分析的布局设置中,用户可以自定义显示标签、标签属性名、缩略图、Tooltip 等,可以自定义绘图区的显示布局,例如,力导布局、环形布局、辐射状布局、层次布局、同心圆布局、纵横布局等。
基础设置
节点标签
是否显示节点下方的文字标签。
![](https://qcloudimg.tencent-cloud.cn/image/document/d5eb0b33a9673401038eecbf3b0ef4b8.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/d5eb0b33a9673401038eecbf3b0ef4b8.png)
节点标签属性名
显示节点下方的文字标签使用的节点属性名。
![](https://qcloudimg.tencent-cloud.cn/image/document/fe218e2c2d456c5c0f0a0812d3e642fe.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/fe218e2c2d456c5c0f0a0812d3e642fe.png)
缩略图
是否启用缩略图。
![](https://qcloudimg.tencent-cloud.cn/image/document/d0b1c80b46b214b691e2a2f37f612a87.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/d0b1c80b46b214b691e2a2f37f612a87.png)
Tooltip
是否启用点边的 Tooltip。
![](https://qcloudimg.tencent-cloud.cn/image/document/59af70f20527711bb663673ac3f55e1e.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/59af70f20527711bb663673ac3f55e1e.png)
布局设置
启用布局
是否启用布局,若禁用布局,可视化将直接加载数据中的位置信息,使用力导图再禁用布局时,拖动节点将不会重新布局。
布局方式
力导布局
一个布局网络中,粒子与粒子之间具有引力和斥力,从初始的随机无序的布局不断演变,逐渐趋于平衡稳定的布局方式称之为力导向布局。适用于描述事物间关系,如人物关系、计算机网络关系等。
效果演示
![](https://qcloudimg.tencent-cloud.cn/image/document/76737fb1974ce7a08ed6b5ceb2362dc5.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/76737fb1974ce7a08ed6b5ceb2362dc5.png)
配置属性
配置项 | 描述 |
Node Size | 节点大小(直径),用于碰撞检测 |
Link Distance | 边的长度 |
Node Strength | 节点作用力,正数代表节点之间的引力作用,负数代表节点之间的斥力作用 |
Prevent Overlap | 是否防止重叠 |
Node Spacing | Prevent Overlap 为 true 时生效,节点边缘间距的最小值,以防止重叠 |
环形布局
效果演示
![](https://qcloudimg.tencent-cloud.cn/image/document/6ace396acb62ba02162587b61d2f1dfa.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/6ace396acb62ba02162587b61d2f1dfa.png)
配置属性
配置项 | 描述 |
Radius | 圆的半径 |
Divisions | 节点在环上的分段数 |
Angle Ratio | 从第一个节点到最后节点之间相隔多少个 2 * PI |
Ordering | 节点在环上排序的依据 |
辐射状布局
效果演示
![](https://qcloudimg.tencent-cloud.cn/image/document/26982554395c37063e2e496e055f3791.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/26982554395c37063e2e496e055f3791.png)
配置属性
配置项 | 描述 |
Node Size | 节点大小(直径),用于碰撞检测 |
Link Distance | 边的长度 |
Unit Radius | 每一圈距离上一圈的距离 |
Prevent Overlap | 是否防止重叠 |
Node Spacing | Prevent Overlap 为 true 时生效,节点边缘间距的最小值,以防止重叠 |
层次布局
效果演示
![](https://qcloudimg.tencent-cloud.cn/image/document/58a9684f3d3e3e02db662b678833daaa.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/58a9684f3d3e3e02db662b678833daaa.png)
配置属性
配置项 | 描述 |
Direction | 布局方向 |
Align | 节点对齐方式 |
Rank Spacing | 层间距 |
Node Spacing | 节点间距 |
同心圆布局
效果演示
![](https://qcloudimg.tencent-cloud.cn/image/document/ebb1ccb7c8e6a05ff06132b69b4bb549.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/ebb1ccb7c8e6a05ff06132b69b4bb549.png)
配置属性
配置项 | 描述 |
Node Size | 节点大小(直径),用于碰撞检测 |
Sweep | 第一个节点与最后一个节点之间的弧度差 |
Start Angle | 开始方式节点的弧度 |
Prevent Overlap | 是否防止重叠 |
Node Spacing | Prevent Overlap 为 true 时生效,节点边缘间距的最小值,以防止重叠 |
Equidistant | 环与环之间的距离是否相等 |
Clock Wise | 是否顺时针排列 |
纵横布局
效果演示
![](https://qcloudimg.tencent-cloud.cn/image/document/ecf561a89d40eca1008406cba6db1d6d.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/ecf561a89d40eca1008406cba6db1d6d.png)
配置属性
配置项 | 描述 |
Node Size | 节点大小(直径),用于碰撞检测 |
Rows | 网格的行数 |
Cols | 网格的列数 |
Prevent Overlap | 是否防止重叠 |
Node Spacing | Prevent Overlap 为 true 时生效,节点边缘间距的最小值,以防止重叠 |