创建与配置图元


创建图元并配置图元信息以监控资产。

创建图元


通过以下两种方式创建监控可视化工具图元:

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


通过以下步骤在 工具栏 中创建图元:

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


通过以下步骤在 管理区 创建图元:

  1. 选择 监控工具 > 监控页面 打开监控可视化工具编辑器。
  2. 管理区 > 图元 标签页下,选择新建图元的目标文件夹。
  3. 右键目标文件夹名称,选择 新建图元
  4. 在弹窗中输入图元名称,并选择 确定


配置图元属性


选择画布空白处,可对该图元进行整体属性配置。

配置图元控制属性


控制 标签页下,可以配置以下图元控制属性。


配置项 说明
事件
  • 事件处理
  • 渲染元素
可见 设置图元是否可见
可滚动 设置为可滚动后,鼠标滚轮在该节点上操作不再触发视图的滚动交互动作,默认 false。
可交互 设置图元是否可交互。
隐藏选中边框 设置是否隐藏所选边框。
像素精确 设置图元在 2D 下,透明区域是否可以选中图元。默认为 True,表示忽略选中。即:当 True 时,选择节点的透明区域不会触发交互。
贴图缓存 设置是否开启贴图缓存
适配大小
矢量最终绘制的大小属性决定于引用节点,组件计算大小时,是拉伸还是重置大小的方式。默认为 false。
  • false:拉伸,组件图形将被拉伸。
  • true:重置大小,如果有布局属性则会生效。


配置图元基础属性


基础 标签页下,可以配置以下图元基础属性。


配置项 说明
预览地址 设置该图元预览时显示的网页。
快照地址 设置该图元在预览区中的预览图片。
背景 选择图纸的背景颜色。图纸默认为透明背景。
连接动作 选择图纸上图元与组件的连接动作,选中的图元后,其右上角出现小箭头,按住箭头拖动指定所连接的图元。拷贝风格:该图元将复制被指定的图元上的样式。例如,颜色。
宽度 设置画布宽度。
高度 设置画布高度。
边界扩充 图元内容可超出白色画布,放置在页面中。拖动图元时超出部分不会刷新,边界扩充可以扩大图元的渲染区域。
吸附点 编辑吸附点的位置。设置了吸附点后,在图纸中连线时可吸附至该点。
吸附方式
选择吸附方式,默认为接近。
  • 接近:靠近吸附点时,才进行吸附,否则自动判断当前的 x、y 锚点值。
  • 严格:严格吸附到某个吸附点上,其它位置无法作为连线端点。
染色模式
选择染色时颜色的计算方式。
  • 相乘:默认值。
  • 覆盖
  • 覆盖 RGB:覆盖除透明度外的颜色。
  • 覆盖 A:覆盖透明度。


配置图元网格指导线样式


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


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


配置图元数据绑定属性


数据绑定 标签页下,可以配置以下数据属性。


配置项 说明
属性 设置属性 Key 值。
值类型 选择属性值的类型。
默认值 可选,输入属性的默认值。
名称 输入属性在图纸中的显示名称。
选择分组,将属性分组。
可绑定 设置该属性是否可绑定数据
描述 输入属性描述。
附加信息 输入属性附加信息。