使用组件¶
监控可视化工具支持通过自定义组件实现多种功能。本部分介绍如何在监控可视化工具中使用组件。
创建组件¶
通过以下方式创建监控可视化工具组件:
- 在工具栏中快速创建组件
- 在管理区创建组件
通过以下步骤在 工具栏 中创建组件:
- 选择 监控工具 > 监控页面 打开监控可视化工具编辑器。
- 选择 菜单 ,在下拉菜单中选择 新建组件。
- 在 新建组件 窗口中,输入组件的代码、名称、属性等信息。
- 选择 确定。创建的图元将默认保存在 组件根目录 下。
通过以下步骤在 管理区 创建组件:
- 选择 监控工具 > 监控页面 打开监控可视化工具编辑器。
- 在 管理区 > 组件 标签页下,右键目标文件夹名称,选择 新建组件。
- 在 新建组件 窗口中,输入组件的代码、名称、属性等信息。
- 选择 确定。
编辑组件¶
你可以在编辑组件页面修改组件的代码、名称、路径、属性等信息,编辑组件页面如下所示。
编辑组件信息¶
你可以配置组件的以下基本信息。
配置项 | 说明 |
---|---|
名称 | 设置该组件的名称 |
事件处理 | 可通过选择交互动作和编辑脚本添加交互事件 |
宽度 | 设置画布宽度 |
高度 | 设置画布高度 |
路径 | 该组件的相对路径 |
快照地址 | 设置该图元在预览区中的预览图片 |
编辑组件代码¶
你可以通过编辑组件代码修改组件的功能、样式等信息。通过以下步骤编辑组件代码:
- 选择 监控工具 > 监控页面 打开监控可视化工具工具编辑器。
- 在 管理区 > 组件 标签页下,双击需要进行编辑的组件,打开编辑组件页面。
- 在左侧代码框中编辑组件代码。编辑完成后,你可以选择 刷新 预览组件。
- 选择 确定 保存更改。
Function 代码各变量含义如下所示。
变量名 | 含义 |
---|---|
G | 绘图画笔 |
Rect | 组件的矩形边界 |
Comp | 组件类型 |
Data | 当前关联的数据对象 |
View | 视图类型 |