综合监控组态可视化软件使用说明书.pdf

《综合监控组态可视化软件使用说明书.pdf》由会员分享，可在线阅读，更多相关《综合监控组态可视化软件使用说明书.pdf（61页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、1组态组态可视化软件使用说明书可视化软件使用说明书2目录仓图可视化软件使用说明书仓图可视化软件使用说明书.11.1.画面编辑器画面编辑器.41.1.编辑界面说明.41.1.1.顶部工具栏.41.1.1.1.文件.41.1.1.2.保存.71.1.1.3.全屏.81.1.1.4.预览.91.1.1.5.粘贴.91.1.1.6.复制.101.1.1.7.撤销.101.1.1.8.重做.111.1.1.9.对齐.131.1.1.10.图层.131.1.1.11.组合.141.1.1.12.打散.141.1.1.13.等距.151.1.1.14.锁定、解锁.161.1.1.15.图元的隐藏显示.161

2、.1.1.16.字体工具栏.171.1.1.17.线性图元工具栏.181.1.2.基本属性、自定义属性、图层.181.1.2.1.图元基本属性操作.191.1.2.2.图元自定义属性操作.191.1.2.3.图层.201.1.2.4.锁定、解锁.201.1.2.5.图元的隐藏显示.211.1.2.6.新建分组.211.1.2.7.删除.211.1.2.8.全选和多选.211.1.2.9.拖动.211.1.3.工具.211.1.3.1.资源.211.1.3.2.接口.221.1.3.3.画布.231.1.3.4.历史.231.1.4.画布工具.241.1.4.1.标尺.241.1.4.2.网格.

3、251.1.4.3.鹰眼导航.261.1.4.4.画布的放大和缩小.2631.1.5.图元列表.271.1.5.1.通用图元.281.1.5.1.1.形状图元.281.1.5.1.2.图表图元.311.1.5.1.3.文本图元.391.1.5.1.4.表格图元.411.1.5.1.5.素材图元.411.1.5.1.6.页面控制图元.461.1.5.2.一次接线图图元.521.1.5.2.1.线路图元.521.1.5.2.2.开关图元.541.1.5.2.3.变压器图元.551.1.5.2.4.用户图元.551.1.5.2.5.其它图元.561.1.5.3.网络图元.561.1.5.3.1.拓扑

4、图图元.562.2.图元运行和集成图元运行和集成.6141.1.画面编辑器画面编辑器1.1.1.1.编辑界面说明编辑界面说明1.1.1.1.1.1.顶部工具栏顶部工具栏1.1.1.1.1.1.1.1.文件文件单击图标，弹出文件弹窗。新建画面可以将当前新建的画面保存后生成为模板。输入新建模板关键字，选择空模板或其他存在的模板。点击空模板可进行新建模板配置，包括设备类型、页面宽度、页面高度、页面背景图片、页面背景颜色、布局方式、皮肤配置、刷新间隔等；可查看当前画面文件地址。5打开画面可以打开资源目录中或本地的画面文件。资源目录支持搜索、增加、删除、编辑等操作；文件支持搜索、复制、重命名、删除、全选

5、、全不选、下载等操作；可查看当前画面文件地址。最近编辑显示最近编辑的画面文件。显示内容包括：文件名、文件地址、修改时间、文件的编辑和删除等；可查看当前画面文件地址。6另存为可以另存一份当前画面至资源目录或本地；可设置另存画面的名称。资源目录支持搜索、增加、删除、编辑等操作；文件支持搜索、复制、重命名、删除、全选、全不选、下载等操作；可查看当前画面文件地址。7导入导出可导入本地湖面文件，导出画面文件到本地。资源目录支持搜索、增加、删除、编辑等操作；文件支持搜索、复制、重命名、删除、全选、全不选、下载等操作；可查看当前画面文件地址。1.1.1.2.1.1.1.2.保存保存首次点击图标，弹出保存弹窗

6、。可选择当前画面文件保存的资源目录或保存到本地、设置保存画面文件的名称。资源目录支持搜索、增加、删除、编辑等操作；文件支持搜索、复制、重命名、删除、全选、全不选、下载、创建到画布等操作；可查看当前画面文件地址。8再次点击图标，可更新保存当前画面文件。1.1.1.3.1.1.1.3.全屏全屏单击图标实现全屏展示编辑画面。91.1.1.4.1.1.1.4.预览预览单击可查看当前画面文件的运行态。1.1.1.5.1.1.1.5.粘贴粘贴在复制的操作后，单击图标实现图元的粘贴。如单击选中矩形图元，单击复制粘贴：101.1.1.6.1.1.1.6.复制复制单击选择图元，单击图标，实现图元的复制。1.1.

7、1.7.1.1.1.7.撤销撤销单击图标实现对当前步骤的后退。11如：先后添加了矩形图元和圆形图元，单击后：1.1.1.8.1.1.1.8.重做重做单击图标实现对撤销步骤的恢复。12如：先后添加了矩形图元和圆形图元，先后单击和后：131.1.1.9.1.1.1.9.对齐对齐按住左键拖动鼠标可实现图元的多选。选中多个图元之后，鼠标悬浮在图标上面，可选择图元的对齐方式。1.1.1.10.1.1.1.10.图层图层单击选中图元后，鼠标悬浮在上面，或单击，可设置图元所在图层的置顶/置底。如：三角形图元设置为置顶时：14三角形图元设置为置底时：1.1.1.11.1.1.1.11.组合组合按住左键拖动鼠标

8、可实现图元的多选。选中多个图元之后，单击，可对选中图元实现分组。可对分组直接操作。1.1.1.12.1.1.1.12.打散打散在存在图元组合的情况下，按住鼠标左键拖动选中画布上的组合图元或者单击选择右侧的组合图元，单击图标，实现打散图元组合。未打散时：15打散后：1.1.1.13.1.1.1.13.等距等距按住左键拖动鼠标可实现图元的多选。选中多个图元之后，鼠标悬浮在，可设置选中图元的水平等间距、垂直等间距、双向等间距。161.1.1.14.1.1.1.14.锁定、解锁锁定、解锁锁定锁定：单击选择图元后，单击或可锁定该图元，此时不能操作该图元。解锁解锁：单击图标可解锁已锁定的图元，解锁后可正常

9、操作图元。1.1.1.15.1.1.1.15.图元的图元的隐藏显示隐藏显示单击右侧图元名称后的图标或，图标会自动切换并隐藏画布中的图元；单击右侧图元名称后的图标会自动切换并显示画布中的图元；171.1.1.16.1.1.1.16.字体工具栏字体工具栏字体工具栏可以设置可配置字体样式的图元。包括字体格式、字号格式、加粗格式、倾斜格式、下划线格式、对齐格式、文字颜色、文字背景色等。181.1.1.17.1.1.1.17.线性图元工具栏线性图元工具栏线性图元工具栏可以设置线性图元的样式。包括：线条实虚、线条粗细、箭头样式、线条颜色等。1.1.2.1.1.2.基本属性、自定义属性、图层基本属性、自定义

10、属性、图层图层管理是对当前已经放入到画布上的图元进行管理，包括多选对齐、选中改变图层顺序、选中组合、选中打散、选中锁定解锁、图元重命名、隐藏显示、新建图元分组、删除图元、拖动改变图元在画布中的位置等。191.1.2.1.1.1.2.1.图元基本属性操作图元基本属性操作单击选择图元，在基本属性 tab 页内，可以修改图元的名称、X 坐标、Y 坐标、宽度、高度、旋转角度；1.1.2.2.1.1.2.2.图元自定义属性操作图元自定义属性操作单击选择图元，在自定义属性 tab 页内，可以修改图元的数据、事件、关联图元等；201.1.2.3.1.1.2.3.图层图层单击选中图元后，单击/可设置图元所在图

11、层的置顶/置底。1.1.2.4.1.1.2.4.锁定、解锁锁定、解锁锁定：单击选择图元后，单击可锁定该图元，此时不能操作该图元。解锁解锁：单击图标可解锁已锁定的图元，解锁后可正常操作图元。211.1.2.5.1.1.2.5.图元的图元的隐藏显示隐藏显示单击右侧图元名称后的图标，图标会自动切换并隐藏画布中的图元；单击右侧图元名称后的图标会自动切换并显示画布中的图元；1.1.2.6.1.1.2.6.新建分组新建分组单击新建分组图标，实现分组。1.1.2.7.1.1.2.7.删除删除单击选择单个图元或分组、按住左键拖拽选择多个图元，单击图标或 delete 键，可删除图元。1.1.2.8.1.1.2

12、.8.全选和多选全选和多选单击画布，按住左键拖拽选择多个图元；画布支持 Ctrl+A 全选；图层图元列表支持电脑快捷键多选。1.1.2.9.1.1.2.9.拖动拖动本地文件可拖动至画布，支持格式：图片、svg、SWF、视频、画面文件。单击画布中的图元或右侧图元名称可选中图元，然后按住左键拖动鼠标可改变图元的位置；右侧图层中的图元支持拖动。1.1.3.1.1.3.工具工具1.1.3.1.1.1.3.1.资源资源单击图标，弹出资源弹窗。资源目录支持搜索、增加、删除、编辑等操作；资源文件支持自定义 url、更新、上传、搜索、复制、重命名、删除、全选、全不选、下载、等操作。221.1.3.2.1.1.

13、3.2.接口接口点击图标，弹出接口列表弹窗。展示接口列表，包括：接口的名称、标识、描述、类型、操作等。接口列表支持新建、刷新和根据类型筛选。点击按钮，弹出新增接口弹窗。可设置接口名称、接口方式、接口 URL、接口描述、参数配置、是否服务器转发等；点击按钮可查看脚本内容。231.1.3.3.1.1.3.3.画布画布点击图标，弹出画布设置弹窗。在弹窗中可设置画布的设备类型、页面宽度、页面高度、页面背景图片、页面背景颜色、页面背景颜色、布局方式、是否缩放画布、皮肤配置、相框颜色、页面刷新间隔、数据刷新间隔等。1.1.3.4.1.1.3.4.历史历史展示画面文件的保存、更新记录。包括：版本、保存时间，

14、对文件的编辑、删除等。241.1.4.1.1.4.画布工具画布工具1.1.4.1.1.1.4.1.标尺标尺点击标尺图标，可以控制画布宽高刻度的显隐。刻度显示时：刻度隐藏时：251.1.4.2.1.1.4.2.网格网格点击网格图标，可以控制画布网格的显隐。网格显示时：网格隐藏时：261.1.4.3.1.1.4.3.鹰眼导航鹰眼导航当画布的宽高超出画面容器出现滚动条时，点击鹰眼导航图标，可以控制鹰眼图的显隐。（鹰眼图拖动至画面任意位置）1.1.4.4.1.1.4.4.画布的放大画布的放大和和缩小缩小点击/实现画布的放大和缩小。如：值为 1 时值为 0.7 时：271.1.5.1.1.5.图元列表图

15、元列表图元列表用于配置、管理和操作画布上的图元，以多级菜单的方式显示，点击列表中的图元或者拖拽到画布，可以把该图元放入到画面中。支持图元组件的自定义拓展和配置功能，可以动态添加。选择列表导航栏中不同类型的图元图标，下方会对应展示该类型图元的详细列表分类。如选中通用类型的图元图标，下方会对应展示：形状、图表、文本、素材、页面控制等类型的图元。281.1.5.1.1.1.5.1.通用图元通用图元1.1.5.1.1.1.1.5.1.1.形状图元形状图元矩形、圆形、三角形、五角星、基本形状都属于 SVG 图元。【描述图元的主要功能】SVG 图元的可以展示 SVG 矢量图形文件。1.1.5.1.1.1.

16、1.1.5.1.1.1.矩形图元矩形图元【描述添加图元过程，通用的操作不重复详细说明】1.添加图元添加图元：单击列表中的图元选项，中间画布和右侧图层会对应添加该图元；多次单击可多次添加。【描述复制图元过程，通用的操作不重复详细说明】2.复制图元复制图元：直接在画布中单击图元或在右侧图层中单击图元名称，图元下方会出现操作该图元的选项，单击复制按钮，可复制该图元。29【描述删除图元过程，通用的操作不重复详细说明】3.删除图元删除图元：直接在画布中单击击图元或在右侧图层中单击图元名称，图元下方会出现操作该图元的选项，单击删除按钮，可删除该图元。4.4.图元配置图元配置：直接在画布中单击图元或在右侧图

17、层中单击图元名称，图元下方会出现操作该图元的选项，单击配置按钮，可对该图元进行配置。301.1.5.1.1.2.1.1.5.1.1.2.圆形图元圆形图元【功能操作可参考矩形图元】在图元配置弹窗中：可实现 SVG 配置，包括:SVG 资源的选择、布局方式、线条颜色和填充颜色的选择等。1、SVG 配置1）SVG 资源配置可以从图元的资源管理器中选择一个；如果选择使用代码，可以直接把 SVG的代码贴入312）布局方式拉伸：SVG 会随着外部容器的大小进行变形拉伸填充，保证铺满居中：SVG 会保证长宽比不变，尽可能的适应容器的宽度和高度3）颜色线条颜色：会强制覆盖 SVG 中定义的线条的颜色填充颜色：

18、会强制覆盖 SVG 中定义的填充区域的颜色1.1.5.1.1.3.1.1.5.1.1.3.三角形图元三角形图元【功能操作可参考矩形、圆形图元】1.1.5.1.1.4.1.1.5.1.1.4.五角星图元五角星图元【功能操作可参考矩形、圆形图元】1.1.5.1.1.5.1.1.5.1.1.5.基本形状图元基本形状图元【功能操作可参考矩形、圆形图元】1.1.5.1.1.6.1.1.5.1.1.6.svgsvg 图元图元【功能操作可参考圆形图元】1.1.5.1.2.1.1.5.1.2.图表图元图表图元1.1.5.1.2.1.1.1.5.1.2.1.波浪图图元波浪图图元【增加、复制、删除、弹出配置弹窗操

19、作可参考矩形图元】在图元配置弹窗中包括：数据刷新间隔、配置类型；显示配置，包括形状、最大比例参照数值、是否显示文字、背景颜色、文字颜色等。321.1.5.1.2.2.1.1.5.1.2.2.过程线图元过程线图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】【描述图元的主要功能】支持多个系列显示，可以配置数据点号、开始时间、结束时间，可以配置图表样式包括折线颜色、宽度，折线区域颜色，坐标轴的显示范围、坐标轴名称。支持编辑态写入脚本方式的配置。可以接受框架(其他图元)发送的总线消息，修改数据开始时间和结束时间，或者修改显示的数据。在图元配置弹窗中：可实现初始时间配置，包括:初值类型的选择、相

20、对时间的选择等；测值选点配置，包括：数据刷新间隔、配置类型；基础配置，包括：图例配置、布局配置、x 轴配置、y 轴配置等；系列配置，包括添加系列。1、数据配置1）数据刷新间隔：设置过程线数据的刷新间隔时间；2）静态数据：可编辑过程线的 x 轴的时间和 y 轴的数值；3）数据接口：可以选择、编辑或新增数据接口，绑定接口参数、查看数据响应、设置是否启用映射。2、基础配置1）图例配置：可以进行设置图例的布局方式、垂直位置、水平位置、字体大小、字体颜色等；2）布局配置：可以设置图元的上下左右边距、悬浮层时间格式；3）X 轴配置：可以设置是否固定开始结束时间或跟随数据变动、名字颜色、轴颜色；4）Y 轴配

21、置：可以添加 y 轴，并设置添加的 y 轴的名字、单位、偏移量、名字颜色、轴颜色，可以设置 y 轴的显示位置：上移/下移；当 y 轴数量大于一时可以删除其他 y 轴；3、系列配置1）添加系列：可以设置添加系列的名字、测点、绑定 y 轴、线条类型、标注显33隐、标注颜色、最大值、最小值、标记类型、系列颜色、是否堆叠、尺寸、阴影颜色、节点显隐、操作（显示位置的上移/下移、删除系列）；1.1.5.1.2.3.1.1.5.1.2.3.仪表盘图元仪表盘图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】【描述图元的主要功能】可以配置数据点号，可以配置图表样式包括区间颜色、指针颜色，刻度样式等。支持编

22、辑态写入脚本方式的配置。在图元配置弹窗中：可实现基础配置，包括:标题、标题颜色、分割段数、区间设置；测值选点配置，包括：数据刷新间隔、配置类型；基础配置1）基本样式：可以设置标题、标题颜色、仪表盘的分割段数；2）区间设置：可以添加仪表盘的区间，设置区间最小值、最大值、颜色、文本；可以设置区间的显示位置：上移/下移；可以删除区间；1、测值选点配置1）数据刷新间隔：设置数据的刷新间隔时间；2）静态数据：可编辑仪表盘指针所指的值所在的区间和值的类型，如表示随机生成的值会在 1 到 10 之内并且是数值类型；3）数据接口：可以选择、编辑或新增数据接口，绑定接口参数、查看数据响应、设置是否启用映射。1.

23、1.5.1.2.4.1.1.5.1.2.4.扇形图图元扇形图图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】【描述图元的主要功能】可以配置数据系列点号，可以配置图表样式包括颜色，支持编辑态写入脚本方式的配置。在图元配置弹窗中：可实现基础配置，包括:图例配置、饼图配置等；系列34配置，包括添加系列；测值选点配置，包括：数据刷新间隔、配置类型等。1、基础配置1）图例配置：可以设置图例的显隐、布局方式、垂直位置、水平位置、字体大小等；2）饼图配置：可以设置名字、标签显隐、背景色等；2、系列配置1）添加系列：可以设置添加系列的名字、测点、颜色、系列显示位置的上移/下移、删除；3、测值选点配置1

24、）数据刷新间隔：设置数据的刷新间隔时间；2）静态数据：可编辑或添加扇形图的不同系列的值；3）数据接口：可以选择、编辑或新增数据接口，绑定接口参数、查看数据响应、设置是否启用映射。1.1.5.1.2.5.1.1.5.1.2.5.嵌套饼图图元嵌套饼图图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】【描述图元的主要功能】可以配置数据系列点号，可以配置图表样式包括颜色，支持编辑态写入脚本方式的配置。在图元配置弹窗中：可实现基础配置，包括:图例配置、饼图配置等；系列配置，包括添加系列；测值选点配置，包括：数据刷新间隔、配置类型等。4、基础配置1）图例配置：可以设置图例的显隐、布局方式、垂直位置、

25、水平位置、字体大小等；2）饼图配置：可以设置名字、标签显隐、背景色等；5、系列配置351）添加系列：可以设置添加系列的名字、测点最大值、位置坐标、大小、颜色、系列显示位置的上移/下移、删除；6、测值选点配置1）数据刷新间隔：设置数据的刷新间隔时间；2）静态数据：可编辑或添加扇形图的不同系列的值；3）数据接口：可以选择、编辑或新增数据接口，绑定接口参数、查看数据响应、设置是否启用映射。1.1.5.1.2.6.1.1.5.1.2.6.进度条图元进度条图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】【描述图元的主要功能】可以配置数据系列点号，可以配置图表样式包括颜色，支持编辑态写入脚本方式的

26、配置。在图元配置弹窗中包括：数据刷新间隔、配置类型；进度条配置：包括基本配置、总数配置；进度条状态配置：包括选择图标切换条件并设置对应的条件；1、测值选点配置361）数据刷新间隔：设置数据的刷新间隔时间；2）静态数据：可编辑进度条所显示的值；3）数据接口：可以选择、编辑或新增数据接口，绑定接口参数、查看数据响应、设置是否启用映射。2、进度条配置1）基本配置：可以设置字体颜色、标题、字体大小、进度条默认颜色、进度条类型等；2）总数配置：可以设置进度条的总数；3、进度条状态配置1）数据范围条件配置2）指定数据值条件配置3）数据有效时间条件配置1.1.5.1.2.7.1.1.5.1.2.7.图元标记

27、图元图元标记图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】【描述图元的主要功能】可以选择数据的范围，显示不同的状态的图片，鼠标悬浮或者点击可以显示关联图元在图元配置弹窗中包括：数据刷新间隔、配置类型；标记基本配置，包括是否显示图表文本等；标记状态配置，包括图标切换条件、图标样式属性、添加数据范围等；关联图元配置：包括添加图元；鼠标事件配置，包括标记鼠标事件配置等。1、测值选点配置371）数据刷新间隔：设置数据的刷新间隔时间；2）静态数据：可设置测项值；3）数据接口：可以选择、编辑或新增数据接口，绑定接口参数、查看数据响应、设置是否启用映射。2、标记基本配置1）是否显示图标文本；2）字

28、体样式配置；3、标记状态配置1）图标切换状态：可以选择；2）图标样式属性：可以选择3）添加数据范围：可以设置测点、测项值、最小值、最大值、配置 svg、线条颜色、填充颜色、文字、文字颜色、动画、帧间隔(秒)、添加数据显示位置的上移/下移和删除（数据大于一条时可以删除数据）；4、动态位移配置：可以设置是否启用动态位移。5、关联显示配置1）标 记 鼠 标 事 件 配 置：可 以 选 择 触 发 条 件 控 制 关 联 图 元 的 显 示/隐 藏;2）添加图元：可以添加关联图元；可以设置添加图元的显示位置：上移/下移；可以删除关联图元；1.1.5.1.2.8.1.1.5.1.2.8.提示标签提示标签

29、图元图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】【描述图元的主要功能】显示单个或者一组数据，显示格式为 数据名称:数据值，可以配置字体样式、背景样式、边框样式。38在图元配置弹窗中：可实现默认显示配置，包括表达式、数据格式、水平对齐方式、垂直对齐方式、单位、时间、预览；样式配置，包括是否启用阴影、是否启用边框、边框粗细、是否启用背景、背景透明度、圆角大小、是否启用角标、角标的位置、角标的大小、字体大小、字体颜色、文本背景颜色、文本边框大小、文本边框类型、文本边框颜色、文本边框圆角、字体类型、字体样式、字体粗细、水平排列方式、垂直排列方式、预览效果、是否显示标题等；测值选点配置，包括

30、：数据刷新间隔、配置类型；标记基本配置，包括是否显示图表文本等；标记状态配置，包括图标切换条件、图标样式属性、添加数据范围等；关联图元配置：包括添加图元；鼠标事件配置，包括标记鼠标事件配置等。1、默认显示配置1）表达式：可以设置表达式显示格式；1）设置小数位数/设置有效数位：可以设置设置小数数位或设置有效数位；2）水平对齐方式：可以设置显示；3）垂直对齐方式：可以设置显示；4）单位：可以设置单位；5）时间：可以选择时间的显示格式；6）预览：可以预览展示测值项的名称；2、样式配置1）阴影：可以设置是否启用阴影，并选择颜色；2）边框：可以设置是否启用边框，并设置颜色和线宽；3）背景：可以设置是否启

31、用背景，并设置颜色和透明度；4）圆角：可以设置圆角大小；5）角标：可以设置是否启用角标，并设置角标位置和角标大小；6）文本：可以设置字体大小、字体颜色、文本背景颜色、文本边框大小、文本边框类型、文本边框颜色、文本边框圆角、字体类型、字体样式、字体粗细、文本的水平排列方式、文本的垂直排列方式、预览效果；7）标题：是否显示标题；3、测值选点配置1）数据刷新间隔：设置数据的刷新间隔时间；2）静态数据：可编辑提示标签的所显示的信息；3）数据接口：可以选择、编辑或新增数据接口，绑定接口参数、查看数据响应、设置是否启用映射。1.1.5.1.2.9.1.1.5.1.2.9.基本基本柱状图柱状图图元图元【增加

32、、复制、删除、弹出配置弹窗操作可参考矩形图元】【描述图元的主要功能】可以配置数据系列点号，可以配置图表样式包括颜色，支持编辑态写入脚本方式的配置。39在图元配置弹窗中：可实现基础配置；系列配置，包括添加系列；测值选点配置，包括：数据刷新间隔、配置类型等。1、基础配置：标题显示、位置；边距设置；悬浮层时间格式；柱状图背景；数值标注；数据格式；标题样式2、系列配置【参考过程线图元】3、测值选点配置【参考过程线图元】1.1.5.1.2.10.1.1.5.1.2.10.折线分布折线分布图图图元图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】【描述图元的主要功能】可以配置数据系列点号，可以配置图

33、表样式包括颜色，支持编辑态写入脚本方式的配置。在图元配置弹窗中包括：数据刷新间隔、配置类型；分布设置；样式配置等。1、测值选点配置【参考过程线图元】1.1.5.1.3.1.1.5.1.3.文本图元文本图元1.1.5.1.3.1.1.1.5.1.3.1.文本框图元文本框图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现文本配置，包括文字、样式配置等。401.1.5.1.3.2.1.1.5.1.3.2.数值文本图元数值文本图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现默认显示配置，包括表达式、数据格式、水平对齐方式、垂直对齐方式、单位

34、、时间、预览；样式配置，包括是否启用阴影、是否启用边框、边框粗细、是否启用背景、背景透明度、圆角大小、是否启用角标、角标的位置、角标的大小、字体大小、字体颜色、文本背景颜色、文本边框大小、文本边框类型、文本边框颜色、文本边框圆角、字体类型、字体样式、字体粗细、水平排列方式、垂直排列方式、预览效果、是否显示标题等；测值选点配置，包括：数据刷新间隔、配置类型；标记基本配置，包括是否显示图表文本等；标记状态配置，包括图标切换条件、图标样式属性、添加数据范围等；关联图元配置：包括添加图元；鼠标事件配置，包括标记鼠标事件配置等。411.1.5.1.4.1.1.5.1.4.表格图元表格图元1.1.5.1.

35、4.1.1.1.5.1.4.1.滚动表格图元滚动表格图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现数据配置，包括：数据刷新间隔、配置类型；数据列配置，包括添加列；表格样式，包括基本配置和、基本样式等。1.1.5.1.4.2.1.1.5.1.4.2.数据表格图元数据表格图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现显示配置，包括布局配置、表头样式、数值样式、表格背景；测值选点配置，包括：数据刷新间隔、配置类型等。1.1.5.1.5.1.1.5.1.5.素材图元素材图元1.1.5.1.5.1.1.1.5.1.5.1.图片图元图片图

36、元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现图片配置，包括选择图片、布局方式；图片背景设置，包括图片背景颜色、边框圆角大小等。421.1.5.1.5.2.1.1.5.1.5.2.尺寸标记图元尺寸标记图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现样式配置，包括:标尺距离、基本样式、线段粗细、是否显示左端标记、是否显示右端标记等。1.1.5.1.5.3.1.1.5.1.5.3.渐变直线图元渐变直线图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现线条配置，包括:线条粗细、箭头配置、填充类型、起始颜色、

37、结束颜色等。431.1.5.1.5.4.1.1.5.1.5.4.折线图元折线图元【复制、删除、弹出配置弹窗操作可参考矩形图元】1、添加图元添加图元：单击列表的图元选项，右侧图层会对应添加该图元，此时可在画布中自行绘制。绘制方法：单击拖动鼠标沿一个方向开始绘制，松开再次单击拖动鼠标实现绘制方向的改变，双击结束绘制；多次单击可多次添加。在图元配置弹窗中：可实现线条配置，包括:线条粗细、线条颜色、箭头样式；测值选点配置，包括：数据刷新间隔、配置类型；标记状态配置，包括包括选择图标切换条件并设置对应的条件。1.1.5.1.5.5.1.1.5.1.5.5.直线图元直线图元【复制、删除、弹出配置弹窗操作可

38、参考矩形图元】1、添加图元添加图元：单击列表的图元选项，右侧图层会对应添加该图元，此时可在画布中自行绘制折线图。绘制方法：单击拖动鼠标开始绘制，双击结束绘制；多次单击可多次添加。44在图元配置弹窗中：可实现线条配置，包括:线条粗细、线条颜色、箭头样式；测值选点配置，包括：数据刷新间隔、配置类型；标记状态配置，包括包括选择图标切换条件并设置对应的条件。1.1.5.1.5.6.1.1.5.1.5.6.当前时间图元当前时间图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现基本配置，包括:样式配置等。1.1.5.1.5.7.1.1.5.1.5.7.图片轮播图元图片轮播图元

39、【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现基本配置，包括:是否自动转换、切换效果、切换速度(ms)；图片配置，包括布局方式、图片的操作等。451.1.5.1.5.8.1.1.5.1.5.8.视频播放图元视频播放图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现视频配置，包括:选择视频、是否自动播放、是否循环播放、播放控制等。461.1.5.1.6.1.1.5.1.6.页面控制图元页面控制图元1.1.5.1.6.1.1.1.5.1.6.1.IframeIframe 图元图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配

40、置弹窗中：可实现基本配置，包括:链接地址等。1.1.5.1.6.2.1.1.5.1.6.2.超链接图元超链接图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现画面配置，包括:选择画面、标题、画面地址、打开方式；显示配置：设置背景图片和鼠标悬浮背景；样式配置，包括：字体大小、字体颜色、背景颜色、边框大小、边框类型、边框颜色、边框圆角、字体类型、字体样式、字体粗细、水平排列、垂直排列、语言效果等。471.1.5.1.6.3.1.1.5.1.6.3.页面轮播图元页面轮播图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现基本配置，包括:是否自

41、动转换、切换效果、切换速度(ms)；页面配置，包括页面的操作等。481.1.5.1.6.4.1.1.5.1.6.4.单项勾选图元单项勾选图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现背景颜色配置，包括:选中状态样式、未选中状态样式、标签页配置；选项配置，包括添加选项，包括关联图元的操作等。491.1.5.1.6.5.1.1.5.1.6.5.事件图元事件图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】【描述图元的主要功能】可以添加，显示不同的事件下的图片，鼠标悬浮或者点击可以显示关联图元在图元配置弹窗中包括：显示配置，包括标题显示图片；显示隐藏，事件类型

42、和关联的图元等；关联链接：事件类型和关联的图元等；样式配置；关联数据配置；图元事件；参数事件。1.1.5.1.6.6.1.1.5.1.6.6.单选按钮组图元单选按钮组图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现基本配置，包括:主题、按钮排列、默认文字样式、选中文字样式；选项配置，包括添加选项，包括关联图元的操作等。501.1.5.1.6.7.1.1.5.1.6.7.轮播控制图元轮播控制图元轮播控制图元配合超链接图元使用，实现页面弹出轮播的效果超链接图元配置画面配置选择弹出框，选择画面或输入一个要显示的地址，可选择弹出动画，弹出位置和弹出框尺寸可以根据需求选择

43、居中或绝对定位、宽高百分百或固定像素，当勾选了允许放大时可以根据需求配置放大后的弹框位置和尺寸。显示配置可以配置默认背景图片、鼠标悬浮时的背景图片和打开弹出框时的背景图片。关联隐藏显示可以配合一个图片实现轮播的指示箭头效果。图片的特效设置勾选浮动会有上下浮动的效果。1)轮播控制配置在画面上添加一个轮播控制图元，在关联图元中选择添加要在一组轮播的超链接图元51基本配置里可以设置轮播的时间间隔，当勾选上允许选中多个时，可以同时打开多个弹框。预览效果：521.1.5.2.1.1.5.2.一次接线图图元一次接线图图元1.1.5.2.1.1.1.5.2.1.线路图元线路图元531.1.5.2.1.1.1

44、.1.5.2.1.1.实线图元实线图元【增加、复制、删除、弹出配置弹窗操作可参考图元标记图元】1.1.5.2.1.2.1.1.5.2.1.2.虚线图元虚线图元【增加、复制、删除、弹出配置弹窗操作可参考图元标记图元】1.1.5.2.1.3.1.1.5.2.1.3.实线交跨图元实线交跨图元【增加、复制、删除、弹出配置弹窗操作可参考图元标记图元】541.1.5.2.1.4.1.1.5.2.1.4.虚线交跨图元虚线交跨图元【增加、复制、删除、弹出配置弹窗操作可参考图元标记图元】1.1.5.2.2.1.1.5.2.2.开关图元开关图元【增加、复制、删除、弹出配置弹窗操作可参考图元标记图元】551.1.5

45、.2.3.1.1.5.2.3.变压器图元变压器图元【增加、复制、删除、弹出配置弹窗操作可参考图元标记图元】1.1.5.2.4.1.1.5.2.4.用户图元用户图元【增加、复制、删除、弹出配置弹窗操作可参考图元标记图元】561.1.5.2.5.1.1.5.2.5.其它图元其它图元【增加、复制、删除、弹出配置弹窗操作可参考图元标记图元】1.1.5.3.1.1.5.3.网络图元网络图元1.1.5.3.1.1.1.5.3.1.拓扑图图元拓扑图图元1.1.5.3.1.1.1.1.5.3.1.1.互联网图元互联网图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】57在图元配置弹窗中：可实现图片配置，

46、包括:图片资源的选择、图片尺寸、布局方式；图片背景设置，包括图片背景颜色、边框圆角等。1.1.5.3.1.2.1.1.5.3.1.2.手机图元手机图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现图片配置，包括:图片资源的选择、图片尺寸、布局方式；图片背景设置，包括图片背景颜色、边框圆角等。1.1.5.3.1.3.1.1.5.3.1.3.交换机图元交换机图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现图片配置，包括:图片资源的选择、图片尺寸、布局方式；图片背景设置，包括图片背景颜色、边框圆角等。581.1.5.3.1.4.1.1.5

47、.3.1.4.路由器图元路由器图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现图片配置，包括:图片资源的选择、图片尺寸、布局方式；图片背景设置，包括图片背景颜色、边框圆角等。1.1.5.3.1.5.1.1.5.3.1.5.工作站图元工作站图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现图片配置，包括:图片资源的选择、图片尺寸、布局方式；图片背景设置，包括图片背景颜色、边框圆角等。591.1.5.3.1.6.1.1.5.3.1.6.服务器图元服务器图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现图片配

48、置，包括:图片资源的选择、图片尺寸、布局方式；图片背景设置，包括图片背景颜色、边框圆角等。1.1.5.3.1.7.1.1.5.3.1.7.无线网络图元无线网络图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现图片配置，包括:图片资源的选择、图片尺寸、布局方式；图片背景设置，包括图片背景颜色、边框圆角等。601.1.5.3.1.8.1.1.5.3.1.8.防火墙图元防火墙图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现图片配置，包括:图片资源的选择、图片尺寸、布局方式；图片背景设置，包括图片背景颜色、边框圆角等。1.1.5.3.1.9.1.1.5.3.1.9.云端图元云端图元【增加、复制、删除、弹出配置弹窗操作可参考矩形图元】在图元配置弹窗中：可实现图片配置，包括:图片资源的选择、图片尺寸、布局方式；图片背景设置，包括图片背景颜色、边框圆角等。612.2.图元运行和集成图元运行和集成1)完成画面的制作并保存好画面。2)打开左上角【文件】菜单，在底部获得当前画面地址：点击复制按钮3）这个 URL 就是画面的运行地址，形如：http:/127.0.0.1:9021/ct/4）可以在浏览器中直接复制这个地址，查看画面的运行5）也可以把这个 URL 配置到其他系统的菜单、链接中。