创建与配置图纸¶
你需要创建图纸并配置图纸信息来存放图元与组件。
创建图纸¶
通过以下方式创建监控可视化工具图纸：
在工具栏中快速创建图纸
在管理区创建图纸
通过以下步骤在 工具栏 中创建图纸：
- 选择 监控工具 > 监控页面 打开监控可视化工具编辑器。
- 选择 菜单
，在下拉菜单中选择 新建图纸。 - 在顶部工具栏中，选择保存按钮
。 - 在弹窗中输入图纸名称并选择 确定。创建的图纸将默认保存在 图纸根目录 下。
通过以下步骤在 管理区 创建图纸：
- 选择 监控工具 > 监控页面 打开监控可视化工具编辑器。
- 在 管理区 选择新建图纸的目标文件夹。
- 右键目标文件夹名称，选择 新建图纸。
- 在弹窗中输入图纸名称，并选择 确定。
配置图纸属性¶
在右侧图纸配置区中的 图纸设置 中，可对图纸进行自定义配置。
配置图纸基本属性¶
在 基础 标签页下，可以配置以下图纸基础属性。
| 配置项 | 说明 |
|---|---|
| 数据类型 | 选择图纸的数据类型。监控可视化工具支持 CDS 与 TSDB 数据类型。 |
| 预览地址 | 设置该图纸/图元预览时显示的网页。 |
| 快照地址 | 设置该图纸/图元/组件在预览区中的预览图片。 |
| 背景 | 选择图纸的背景颜色。图纸默认为透明背景。 |
| 宽度 | 设置画布宽度。 |
| 高度 | 设置画布高度。 |
| 反序列化前 | 在预览态绘制图元前执行的脚本。 |
| 反序列化后 | 在预览态绘制图元后执行的脚本。例如，可以在加载页面后更新图元样式。 |
| 连接动作 |
|
| 树层次渲染 | 启用/禁用图纸的树层次渲染功能。 |
| 可缩放 | 启用/禁用图纸的缩放功能。 |
| 可平移 | 启用/禁用图纸的平移功能。 |
| 可框选 | 启用/禁用图纸的框选功能。 |
| 适配内容 | 启用/禁用图纸的适配内容功能。启用后，图纸会自动调整缩放比例以适应图纸上的图元与组件。 |
| 布局 | 快速调整画布布局。监控可视化工具编辑器提供 7 种快速布局：圆形布局、对称布局、层次布局、北向布局、南向布局、西向布局、东向布局。 |
| JSON 背景 | 输入图片路径，作为在预览态此页面的背景图。 |
| 获取数据间隔 | 设置画布获取数据的时间间隔。 |
| 显示数据趋势 | 显示/隐藏数据趋势。 |
配置网格指导线样式¶
在 网格指导线 标签页下，可以配置以下网格指导线属性。
| 配置项 | 说明 |
|---|---|
| 网格可见 | 显示/隐藏画布的网格指导线。 |
| 倾斜 | 选择该选项，网格指导线将更改为“倾斜”样式。倾斜样式下，网格角度为 120°，网格旋转为 30°。 |
| 重置 | 选择该选项，网格指导线将更改为“默认”样式。 |
| 网格大小 | 调整指导线围成的网格大小，默认值为 40。 |
| 深线每隔 | 调整深网格指导线的间隔，默认值为 10。 |
| 浅线颜色 | 设置浅网格线颜色，默认值为 rbga(191,191,191,0.4)。 |
| 深线颜色 | 设置深网格线颜色，默认值为 rbg(191,191,191)。 |
| 网格角度 | 设置网格之间的角度，默认值为 90。 |
| 网格旋转 | 设置网格旋转角度，默认值为 0。 |
| 缩放临界值 | 缩放到某个倍数时网格消失，默认值为 0.25。 |