创建与配置图纸¶

你需要创建图纸并配置图纸信息来存放图元与组件。

创建图纸¶

通过以下方式创建监控可视化工具图纸：

在工具栏中快速创建图纸
在管理区创建图纸

通过以下步骤在 工具栏 中创建图纸：

选择 监控工具 > 监控页面 打开监控可视化工具编辑器。
选择菜单，在下拉菜单中选择 新建图纸。
在顶部工具栏中，选择保存按钮。
在弹窗中输入图纸名称并选择确定。创建的图纸将默认保存在 图纸根目录 下。

通过以下步骤在 管理区 创建图纸：

选择 监控工具 > 监控页面 打开监控可视化工具编辑器。
在 管理区 选择新建图纸的目标文件夹。
右键目标文件夹名称，选择 新建图纸。
在弹窗中输入图纸名称，并选择确定。

配置图纸属性¶

在右侧图纸配置区中的 图纸设置 中，可对图纸进行自定义配置。

配置图纸基本属性¶

在基础标签页下，可以配置以下图纸基础属性。

配置项	说明
数据类型	选择图纸的数据类型。监控可视化工具支持 CDS 与 TSDB 数据类型。
预览地址	设置该图纸/图元预览时显示的网页。
快照地址	设置该图纸/图元/组件在预览区中的预览图片。
背景	选择图纸的背景颜色。图纸默认为透明背景。
宽度	设置画布宽度。
高度	设置画布高度。
反序列化前	在预览态绘制图元前执行的脚本。
反序列化后	在预览态绘制图元后执行的脚本。例如，可以在加载页面后更新图元样式。
连接动作	选择图纸上图元与组件的连接动作，选中的图元后，其右上角出现小箭头，按住箭头拖动指定所连接的图元。监控可视化工具支持无动作、拷贝风格、吸附及父子连接动作。拷贝风格：该图元将复制被指定的图元上的样式。例如，颜色。吸附：两个图元会形成吸附节点的关系，被吸附的图元拖动、旋转等操作时，吸附图元会以它为参照物同步变化。父子：被拖到的图元与该图元为父子关系。
树层次渲染	启用/禁用图纸的树层次渲染功能。
可缩放	启用/禁用图纸的缩放功能。
可平移	启用/禁用图纸的平移功能。
可框选	启用/禁用图纸的框选功能。
适配内容	启用/禁用图纸的适配内容功能。启用后，图纸会自动调整缩放比例以适应图纸上的图元与组件。
布局	快速调整画布布局。监控可视化工具编辑器提供 7 种快速布局：圆形布局、对称布局、层次布局、北向布局、南向布局、西向布局、东向布局。
JSON 背景	输入图片路径，作为在预览态此页面的背景图。
获取数据间隔	设置画布获取数据的时间间隔。
显示数据趋势	显示/隐藏数据趋势。

配置网格指导线样式¶

在 网格指导线 标签页下，可以配置以下网格指导线属性。

配置项	说明
网格可见	显示/隐藏画布的网格指导线。
倾斜	选择该选项，网格指导线将更改为“倾斜”样式。倾斜样式下，网格角度为 120°，网格旋转为 30°。
重置	选择该选项，网格指导线将更改为“默认”样式。
网格大小	调整指导线围成的网格大小，默认值为 40。
深线每隔	调整深网格指导线的间隔，默认值为 10。
浅线颜色	设置浅网格线颜色，默认值为 rbga(191,191,191,0.4)。
深线颜色	设置深网格线颜色，默认值为 rbg(191,191,191)。
网格角度	设置网格之间的角度，默认值为 90。
网格旋转	设置网格旋转角度，默认值为 0。
缩放临界值	缩放到某个倍数时网格消失，默认值为 0.25。

配置页面设置¶

在右侧图纸配置区中的 页面设置 中，可对页面进行自定义配置。

配置页面标签¶

在 页面标签 标签页下，可以为当前页面配置标签。

配置项	说明
标签列表	配置页面标签，第三方用户可以根据标签索引出相应的监控可视化工具页面。
资产标签	当该页面被资产关联，将会出现已关联的资产标签。更多资产拓扑关联信息，参见资产拓扑关联。

配置提示窗¶

在 提示窗设置 标签页下，可以为当前页面中的提示窗配置背景色与文本色。更多关于提示窗的配置，参见配置图元交互。

备注

若在单个图元交互中已配置了提示窗背景色与文本色，则页面中配置的提示窗样式不生效。