拓扑图
# 生成拓扑图
## 数据准备
1.点击添加数据模型
2.选择数据模型
提醒：拓扑图需要两个数据模型才可以，一个是节点数据模型，一个是边线数据模型
## 生成拓扑图
比如：需要对整个公司的服务器系统之间的健康性进行观察
将涉及到3个及以上字段：节点、源、目的等
## 图表画法
1.选择“图表”控件，拖动拓扑图到画布中
2.在图表的数据面板中拖入节点字段
3.选择源和目的模型，在数据面板中拖入源和目的字段
4.点击生成图表按钮
4.一个拓扑图就生成完毕了
## 提醒
1.必须要点击生成图表，才会生成拓扑图
2.源中的成员必须<=节点的成员，否则会报错
# 编辑拓扑图
## 拓扑图数据编辑面板说明
* 数据编辑面板：
::: hljs-center
:::
>1.节点：只允许放入一个字段
>2.形状：可以放入维度，根据维度自由选择拓扑图的节点展示形状
>3.尺寸：放入度量数据，根据数值字段，调整节点大小，数值=1时，是默认大小，其他则是对应1的比值
>4.标签：放置维度或者度量字段，允许多个字段，最多放置5个
>5.状态：用以反馈节点的状态，如果该字段放了字段，则在图形上会显示状态。该字段需为离散类型
其中状态会有闪烁动画，可以在样式面板中，更改状态的颜色
>6.提示信息：提示信息，可放入多个字段。最多放置5个;
>7.高亮提醒：选择节点数据模型中的某个维度字段，设置高亮显示，条件可增加到10项
>8.源：拓扑图中的边线发起的地方
>9.目的：拓扑图中的边线结束的地方
>10.定时刷新：详细请参照[定时刷新](doc:XbaWq3AS)
<div style="float:none;clear:both;">
</div>
* 对节点的形状设置的过程如下所示：
## 拓扑图样式设置
* 拓扑图的样式修改控制区为下图所示：
::: hljs-center
:::
>1.位置：拓扑图在画布中的位置，可通过输入/拖拽进行更改
>
>
>2.尺寸：拓扑图的大小，可通过输入/拖拽进行更改
>
>
>3.标题：设置标题及其样式，详情请见[标题](doc:x8vTdq0f)
>
>4.样式：
>
提供紧凑型和宽松型
1.紧凑型，包含节点icon，节点标签，节点状态；
2.宽松型，包含节点icon，节点标签，节点状态，节点背景框
>5.样式设置：设置拓扑图的节点大小、状态显示的颜色和边线的颜色、类型
>6.标签：对拓扑图中的标签的颜色、字体和大小进行设置
>
>7.背景颜色、边框和圆角：详情请见[背景颜色、边框和圆角](doc:Gx34ofO5)
<div style="float:none;clear:both;">
</div>