一种界面配置与功能展示分离实现的图表式交互方法技术

一种界面配置与功能展示分离实现的图表式交互方法，包括：在界面布局及配置系统中配置好布局及样式，并在用户交互系统内的时间设置区域设置好展示时数据所处的默认时间范围；对从数据采集接口采集到并进行本地存储的数据进行读取，并将其中包含的点位信息进行显示，从显示的点位中进行筛选，确定最终与交互有关的数据点位；在数值曲线展示区域展示相关数据的曲线图表；对数值曲线展示区域的曲线显示范围进行调整监测；对曲线的样式风格进行调整，调整至最符合观察的状态；将曲线导出成图片进行存储，并将曲线数值导出至文档中进行保存。本发明专利技术将界面及布局配置工作与图表式用户数据交互进行分离，为实现整体数据的监控与处理提供自由的实现方式。理提供自由的实现方式。理提供自由的实现方式。

【技术实现步骤摘要】
一种界面配置与功能展示分离实现的图表式交互方法


[0001]本专利技术涉及的是通信领域，特别涉及一种界面配置与功能展示分离实现的图表式交互方法。

技术介绍

[0002]随着网页技术的不断发展，目前市面上的各类软件产品的界面越来越多的融入了网页风格元素，倾向于提供自由度更高的人机交互界面以供用户使用。然而使用网页技术的图表显示交互界面在塞入了大量数据的情况下往往在流畅度和响应速度上仍存在很大的提升空间，于是使用传统的数据采集技术结合自由度更高，显示风格更加美观的图表界面进行数据交互的方法则可以在特定的工作场景中发挥自身优势，为用户带来更加良好的使用体验。
[0003]针对一些特殊的工作领域，如冶金制造领域，往往工程的前期配置工作和生产过程中的使用是有不同的工作人员在不同的设备上来完成的。使用同一套系统来进行前期的配置工作和后期的维护及使用其实对设备的性能存在一定程度上的浪费，而使用一种界面配置与功能展示分离实现的图表式交互方法则可以避免性能上的浪费。

技术实现思路

[0004]鉴于上述问题，提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的一种界面配置与功能展示分离实现的图表式交互方法。
[0005]为了解决上述技术问题，本申请实施例公开了如下技术方案：
[0006]一种界面配置与功能展示分离实现的图表式交互方法,包括：
[0007]S100.在界面布局及配置系统中配置好布局及样式，并在用户交互系统内的时间设置区域设置好展示时数据所处的默认时间范围；r/>[0008]S200.用户交互系统通过对从数据采集接口采集到并进行本地存储的数据进行读取，并将其中包含的点位信息进行显示，从显示的点位中进行筛选，确定最终与交互有关的数据点位；
[0009]S300.通过拖拽点位树形分支项的方式在数值曲线展示区域展示相关数据的曲线图表；
[0010]S400.使用鼠标拖拽或滚轮缩放对数值曲线展示区域的曲线显示范围进行调整监测；
[0011]S500.使用曲线样式设置窗口对曲线的样式风格进行调整，调整至最符合观察的状态；
[0012]S600.将曲线导出成图片进行存储，并将曲线数值导出至文档中进行保存。
[0013]进一步地，界面布局及配置系统和用户交互系统均具有将目录下的配置文件进行读取的功能，并根据读取到的内容进行界面的绘制，并对界面的风格和布局根据文件设定进行调整。
[0014]进一步地，当不存在界面配置文件时，界面布局及配置系统生成一个空白的崭新界面，在界面上添加以图例形式展现的图表数据展示图元，图元通过调整大小以及摆放位置进行布局上的设定。
[0015]进一步地，针对配置好布局设定的界面和图元，通过修改其内部的展示区域的颜色、字体以及线条样式，对整体的默认风格进行调整。
[0016]进一步地，界面布局及配置系统和用户交互系统同时使用时，用户交互系统可直接使用界面布局及配置系统目录下保存的界面配置数据文件进行读取并生成交互界面，但当界面布局及配置系统和用户交互系统分离使用的工作情况时，则需要事先将界面配置数据文件放置在用户交互系统的工作目录下以供后者进行使用。
[0017]进一步地，用户交互系统在使用了界面配置数据文件生成交互界面后，可于交互界面上对由数据采集工具采集到并进行保存的各类数据进行筛选，产生一个由筛选后的数据点位组成的树形列表；通过使用树形列表中的点位进行关联显示，即可通过图表曲线化的方式观察到数据点位的数值变化情况。
[0018]进一步地，界面布局及配置系统工作方法为：
[0019]当打开界面布局及配置系统时，会检查自身工作目录下是否存在已有的界面配置文件，如果存在则进行加载，如果不存在则生成新的空白界面以供后续添加图元及编辑样式使用；
[0020]通过向界面中添加图例为在同一界面中加入多个图表展示区域，而各个图表展示区域的图例四周会自动产生八个分别位于图例四个顶角和四条边中点的锚点，锚点用来通过拖拽改变图例的大小，而通过拖拽图例中心则可移动图例的所在位置；
[0021]通过锚点的颜色可对当前编辑的图例与其余图例进行区分，当前选中的或是刚刚编辑过的图例的四周锚点会呈现较其他图例锚点更深的颜色，从而提醒使用者图例的位置及大小是否接受过修改；
[0022]通过界面中设置的图例的样式及布局进行精确修改的编辑栏，栏位中会以数值形式展示图例的实际位置及大小，通过输入数值的方式亦可对图例进行精确的编辑；
[0023]通过编辑栏中设置有编辑界面及图例的背景色、字体以及线条等基础属性的功能，通过使用RGB数值或调色盘可对颜色参数进行修改，字体及线条则可通过在预先设置好的各类样式中进行选择；编辑栏内也预设了数个用于快速配置整体样式的风格设置功能，每一种风格都会对图例的颜色、字体及线条等样式进行统一修改，可用于对界面风格统一性及美观性要求较高的场合；
[0024]将界面分成界面部分和图例部分两块进行存储，针对每一部分又将对其中的位置坐标、大小参数、颜色、字体、线条及风格等设置进行数据化并进行记录。
[0025]进一步地，界面布局及配置系统采用固定的界面配置保存格式，在不使用界面配置系统的情况下，直接手动编写一份界面配置文件，并保持格式符合系统的读取格式要求，为界面配置系统和用户交互系统创建界面样式及布局。
[0026]进一步地，用户交互系统包含四块区域，这四块主要区域分别包括：
[0027]数据点位配置区域，用于将存储的数据按照数据点位列表进行区分，并对列表点位进行筛选，将最终选择的点位构建成为树形图进行显示；
[0028]时间设置区域，用于对默认的图表时间显示范围进行修改，通过使用日历菜单对
时间修改后获得相应的时间间隔，用于图表关联时的时间轴范围配置；
[0029]数值曲线展示区域，对关联上的数据点位数值进行图像化转换，以曲线的形式展示出来，使用者可通过拖拽进行展示范围的调整；
[0030]数值曲线交互区域，设置有方便图表曲线快速缩放及还原的功能按钮，同时也设置有让曲线以图片形式导出或将曲线数值记录至文档文件内的相应功能。
[0031]进一步地,对数据点位配置区域的点位筛选之后，通过拖拽点位树形图内的相应分支至数值曲线展示区域进行数值曲线的添加操作；数值曲线交互区域设置有对曲线的颜色、粗细以及类型进行设置的相关设置窗口，方便使用者在进行交互操作时应对不同的工作环境。
[0032]本专利技术实施例提供的上述技术方案的有益效果至少包括：
[0033]本专利技术公开的一种界面配置与功能展示分离实现的图表式交互方法，包括：在界面布局及配置系统中配置好布局及样式，并在用户交互系统内的时间设置区域设置好展示时数据所处的默认时间范围；通过用户交互系统通过对从数据采集接口采集到并进行本地存储的数据进行读取，并将其中包含的点位信息进行显示，从显示的点位中进行筛选，确定最终与交互有关的数据点位；通过拖拽点位树形分支项的方式在本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种界面配置与功能展示分离实现的图表式交互方法,其特征在于，包括：S100.在界面布局及配置系统中配置好布局及样式，并在用户交互系统内的时间设置区域设置好展示时数据所处的默认时间范围；S200.通过用户交互系统通过对从数据采集接口采集到并进行本地存储的数据进行读取，并将其中包含的点位信息进行显示，从显示的点位中进行筛选，确定最终与交互有关的数据点位；S300.通过拖拽点位树形分支项的方式在数值曲线展示区域展示相关数据的曲线图表；S400.使用鼠标拖拽或滚轮缩放对数值曲线展示区域的曲线显示范围进行调整监测；S500.使用曲线样式设置窗口对曲线的样式风格进行调整，调整至最符合观察的状态；S600.将曲线导出成图片进行存储，并将曲线数值导出至文档中进行保存。2.如权利要求1所述的一种界面配置与功能展示分离实现的图表式交互方法,其特征在于，界面布局及配置系统和用户交互系统均具有将目录下的配置文件进行读取的功能，并根据读取到的内容进行界面的绘制，并对界面的风格和布局根据文件设定进行调整。3.如权利要求2所述的一种界面配置与功能展示分离实现的图表式交互方法,其特征在于，当不存在界面配置文件时，界面布局及配置系统生成一个空白的崭新界面，在界面上添加以图例形式展现的图表数据展示图元，图元通过调整大小以及摆放位置进行布局上的设定。4.如权利要求3所述的一种界面配置与功能展示分离实现的图表式交互方法,其特征在于，针对配置好布局设定的界面和图元，通过修改其内部的展示区域的颜色、字体以及线条样式，对整体的默认风格进行调整。5.如权利要求1所述的一种界面配置与功能展示分离实现的图表式交互方法,其特征在于，界面布局及配置系统和用户交互系统同时使用时，用户交互系统可直接使用界面布局及配置系统目录下保存的界面配置数据文件进行读取并生成交互界面，但当界面布局及配置系统和用户交互系统分离使用的工作情况时，则需要事先将界面配置数据文件放置在用户交互系统的工作目录下以供后者进行使用。6.如权利要求5所述的一种界面配置与功能展示分离实现的图表式交互方法,其特征在于，用户交互系统在使用了界面配置数据文件生成交互界面后，可于交互界面上对由数据采集工具采集到并进行保存的各类数据进行筛选，产生一个由筛选后的数据点位组成的树形列表；通过使用树形列表中的点位进行关联显示，即可通过图表曲线化的方式观察到数据点位的数值变化情况。7.如权利要求1所述的一种界面配置与功能展示分离实现的图表式交互方法,其特征在于，界面布局及配置系统工作方法为：当打开界面布局及配置系统时，会检查自身工作目录下是否存在已有的界面配置文件，如果存在则进行加载，如果不存在则生成新的空白界面以供后续...

【专利技术属性】
技术研发人员：张希明，丁炜，叶传虎，
申请(专利权)人：中冶南方武汉自动化有限公司，
类型：发明
国别省市：