探索监控可视化工具¶

本文介绍监控可视化工具页面的主要元素。

监控可视化编辑器¶

下图展示了监控可视化编辑器的页面。

编辑器页面各区域的名称与功能说明如下所示。

名称	说明
工具栏	包含快速绘制图形工具及页面编辑工具。
管理区	显示图纸、图元、组件及资源的存放目录，并管理图纸、图元及组件。
预览区	显示目录中的图纸、图元、组件及资源的缩略图。
画布	绘制图纸或图元。
配置区	配置图纸和图元的属性，进行数据绑定。
查看区	查看该图纸或图元的架构信息：列表：该图纸或图元中的所有元素的树形列表。父子关系：拖动图元至其他图元上即可设置父子关系。排列顺序：由上往下为图元层次由后往前。即列表排序第一的图元位于图纸或图元最底层。图层（仅对图纸显示）：该图纸中的所有图层信息，可添加删除图层。选中图元可将图元归至不同图层进行分类。状态（仅对图元显示）：该图元的状态信息。鹰眼：俯视图，快速选择图纸或图元的局部位置。数据：该图纸或图元的所有 JSON 数据。

在编辑图纸或图元时，你可以通过工具栏中的图形工具快速绘制图形或者通过页面编辑工具更改页面状态。

工具栏中的图形工具如下所示。

下表说明了工具栏每个按钮的功能。

按钮	说明
	编辑模式。
	绘制不规则图形。
	绘制椭圆、圆角矩形、矩形体、正多边形、三角形体、星形体以及圆弧形。
	添加文本。
	绘制边框。
	绘制饼图、单维柱状图、柱状图以及曲线图。仅在编辑图元时可用。
	可连接图形中心，仅在编辑图纸时可用。
	提供文本框输入与按钮等控件，支持对资产数据进行控制。
	添加 DTD 页面，并且可传参给指标可视化工具页面。
	添加资产的告警列表，可直接在监控可视化工具页面中进行告警确认或直接进入告警操作台操作。

工具栏中的页面工具如下所示。

下表说明了工具栏每个按钮的功能。

工具栏中的图元工具如下所示。

下表说明了工具栏每个按钮的功能。