CN113325977B - 一种能源设备关系的动态配置与图谱展现方法 - Google Patents
一种能源设备关系的动态配置与图谱展现方法 Download PDFInfo
- Publication number
- CN113325977B CN113325977B CN202110586358.7A CN202110586358A CN113325977B CN 113325977 B CN113325977 B CN 113325977B CN 202110586358 A CN202110586358 A CN 202110586358A CN 113325977 B CN113325977 B CN 113325977B
- Authority
- CN
- China
- Prior art keywords
- energy
- map
- equipment
- width
- canvas
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 40
- 230000000007 visual effect Effects 0.000 claims abstract description 11
- 238000012546 transfer Methods 0.000 claims description 16
- 230000003044 adaptive effect Effects 0.000 claims description 6
- 230000000977 initiatory effect Effects 0.000 claims description 6
- 230000003287 optical effect Effects 0.000 claims description 6
- 238000007781 pre-processing Methods 0.000 claims description 6
- 208000018747 cerebellar ataxia with neuropathy and bilateral vestibular areflexia syndrome Diseases 0.000 claims description 3
- 230000009191 jumping Effects 0.000 claims description 3
- 238000005457 optimization Methods 0.000 claims description 3
- 238000012795 verification Methods 0.000 claims description 3
- 238000013507 mapping Methods 0.000 claims 2
- 230000003068 static effect Effects 0.000 abstract 1
- 238000010586 diagram Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 238000007726 management method Methods 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000005611 electricity Effects 0.000 description 2
- 238000007792 addition Methods 0.000 description 1
- 238000013501 data transformation Methods 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000008092 positive effect Effects 0.000 description 1
- 238000011160 research Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/26—Visual data mining; Browsing structured data
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/06—Energy or water supply
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Business, Economics & Management (AREA)
- Economics (AREA)
- Human Computer Interaction (AREA)
- Databases & Information Systems (AREA)
- Health & Medical Sciences (AREA)
- General Health & Medical Sciences (AREA)
- Public Health (AREA)
- Water Supply & Treatment (AREA)
- Data Mining & Analysis (AREA)
- Human Resources & Organizations (AREA)
- Marketing (AREA)
- Primary Health Care (AREA)
- Strategic Management (AREA)
- Tourism & Hospitality (AREA)
- General Business, Economics & Management (AREA)
- User Interface Of Digital Computer (AREA)
- Instructional Devices (AREA)
Abstract
本发明公开了一种能源设备关系的动态配置与图谱展现方法，属于楼宇能源设备管控技术领域，其特征在于，至少包括：S1、创建图谱，设置图谱的基本信息，所述基本信息包括名称、类型及使用时间；S2、根据图谱类型，选择需要配置相应图谱应获取的缺省数据；S3、以鼠标拖拽的可视化编辑方式对指定图谱进行配置操作；S4、图谱显示，根据设备使用时间，动态更新能源设备开闭状态及能源设备之间的能量流动关系。本发明打破了传统的能量设备管理系统中只能静态显示设备是否开启与设备属性的管理的限制，用于方便、灵活表述能源设备的关系，并进行直观显示。
Description
技术领域
本发明属于楼宇能源设备管控技术领域，具体涉及一种能源设备关系的动态配置与图谱展现方法。
背景技术
楼宇的能源设备关系的配置与显示是一种用户可以根据目的配置图谱名称及使用时间等信息生成基本图谱，再根据不同的图谱信息对能源设备进行普通的添加、修改和删除等操作的方法，能源设备之间也具有不同的能量流动关系，只要能够正确的进行配置，就可以完整的显示图谱所包含的信息。
楼宇的能源设备关系的配置与显示的现有方法中，使用ECharts和mxGraph技术配置能源设备及设备之间的关系的手段大多采用提前设置好能源设备及能源设备之间的能量关系然后在编辑图谱的时候对能源设备进行拖拽、移动、复制等等，而图谱的显示大多是直接将数据信息从数据库中取出静态的显示在页面上。这些方法只关注能否正确配置能源设备及完整显示图谱信息，忽略了许多不可预测的问题，比如当编辑状态下与显示状态下的画布大小不一致时，会出现能源设备重叠、能源设备间的关系箭头错位、能源设备间的能量关系不明确等。
这些方法各有各的优点，也各有各的缺陷，总体来说这些方法对能源设备关系的配置与显示上在正常情况下，能够完整清晰的呈现出来，但是在配置方面还不够灵活，在显示方面能量流动方向不太明确。
当某栋大楼的能源设备种类众多、设备间关系繁杂，配置图谱时只考虑基本因素，往往不能够符合实际需求，比如能源设备不能重复、能源设备间的能量流动关系需要正确(例如用能设备的能量流动方向不能指向产能设备)、能源设备之间的间距需要指定最小值等等。因此，系统在受到这些因素影响时并不能灵活的对能源设备间能量流动关系进行动态配置，不能在显示图谱时清晰的展示能源设备间的能量流动关系及模拟能量动态流动，不能根据画布大小自适应图谱等，这些也是本文的主要研究内容。
发明内容
本发明为解决公知技术中存在针对设备关系表述的不方便，不灵活，不直观的技术问题，提供一种能源设备关系的动态配置与图谱展现方法。
本发明的目的是提供一种能源设备关系的动态配置与图谱展现方法，包括：
S1、创建图谱，设置图谱的基本信息，包括名称、类型及使用时间，如冬季图谱或夏季图谱等；
S2、根据图谱类型，选择需要配置相应图谱应获取的缺省数据，如冬季图谱应缺省提供冬季使用的设备；
S3、以鼠标拖拽的可视化编辑方式对指定图谱进行灵活配置操作，如选择设备，指定设备之间的关系等，将修改后的数据保存至数据库中；
S4、图谱显示时，能根据设备使用时间，动态更新能源设备开闭状态及能源设备之间的能量流动关系。
优选地，步骤S2包括：
S21、选择需要打开的图谱，通过网络请求从数据库中获取当前指定图谱所包含的数据信息；
S22、通过网络请求从数据库中获取所有能源设备、能量属性的数据信息，能源设备按照类型分类显示在待选设备栏，能量属性显示在待选能量属性栏供操作人拖拽编辑；
步骤S3包括：
对图谱中能源设备及能源设备间能量流动关系通过鼠标拖拽的可视化编辑方式进行添加、修改、删除等；
以鼠标拖拽方式更新图谱信息时，对能源设备是否重复进行校验，防止再次拖入图谱编辑区域中已存在的能源设备；
将对图谱成功操作后的数据信息存入数据库中；
步骤S4在图谱显示时可以对图谱进行优化。
优选地，所述获取数据库中保存的所有能源设备数据，在展示时要为展示画布动态创建样式，即要为图谱相关的所有能源设备数据动态创建样式，包括能源设备的图片、能源设备的名称,能源设备在画布中的位置坐标，要为每个能量属性动态创建样式，包括能量属性的图片，要根据能量传递关系设置能量流动箭头以及能量流动方向。
优选地，所述指定图谱的数据包括源能源设备、目标能源设备、能量属性，能量属性表示源能源设备到目标能源设备间传递的能量关系，如热能或冷能及传递方向。
优选地，所述能源设备校验，其步骤包括：
1)判断拖拽的能源设备是否已经存在于图谱编辑区域中；
2)若已存在，则释放鼠标焦点，提示用户；
3)若不存在，则拖拽至指定坐标位置即可。
优选地，所述图谱显示与优化，包括获取图谱完整信息，自适应的显示在不同大小的画布上，高亮显示已开启的能源设备，能源设备之间的能量流动关系只存在于已开启的能源设备之间。
优选地，所述S3具体为：
S31、选择需要配置设备关系的图谱，若没有图谱则跳转到新建图谱系统新建一个图谱。对设备关系的编辑可以直观地通过拖拽方式对设备关系进行增加，删除，修改，查询操作。
S32、通过发起网络请求从服务器端获取系统数据库中存在的所有源能源设备、目标能源设备、能量属性的数据信息。
S33、将S32中获取的能源设备按照类型分类显示在待选设备栏，能量属性显示在能量属性栏供系统操作人员拖拽编辑；
S34、初始化画布。初始化过程包括自适应画布大小，并保存自适应后的画布宽高。自适应过程如下，获取浏览器宽高，获取左边设备栏，能量属性栏宽高；设备栏，能量属性栏宽高固定，画布宽高有最小宽高限制来保持显示的完整性，如果浏览器宽高减去设备栏，能量属性栏的宽高后的剩余部分的宽高大于画布最小宽高，则画布宽高动态适应剩余部分宽高，如果小于那么就保持画布的最小宽高同时设置滚动条供操作人员滚动显示画布。通过上述方法自适应后的宽高需要保存并随当前图谱保存至数据库用于图谱的自适应展示。
S35、系统操作人员在系统中选择所需目标设备，将目标设备拖拽到右边画布的任意想放置位置，再选择所需的能量流动方向以及传递的能量属性，将不同设备通过能量流动方向箭头关联起来。
进一步地，如果系统操作人员需要对现有关系进行编辑，可直接在右边画布中通过拖拽方式修改。
S36、将S35中编辑的设备以及设备关系数据化，包括生成设备数据，设备在画布中的坐标，设备之间的能量传递方向，能量属性数据。再把数据化的数据以及S34中得到的画布宽高数据结构化成指定格式，最后通过发起网络请求传递后端服务，后端服务将数据存入数据库中。
根据上述S31，S32，S33，S34，S35，S36可直观的对设备关系进行增加，删除，修改，查看操作。整个操作可屏蔽数据库中数据表间关系，从而达到简单，直观的目的。
按照本发明的另一方面提供了一种直观的图谱显示方案，包括：
通过设备图片表示设备，通过同一设备的不同图片表示设备不同状态，如通过高亮设备图表示设备开启，普通设备图表示设备关闭。设备之间的连接关系则通过一个带动态流动效果的方向线表示。如某两个设备之间传递能量属性是电，那么通过一个带方向的线连接同时线上是一个流动的电图标。以及设备图标在不同画布大小中的自适应方案。具体方案如下：
S41.显示页面发起网络请求获取系统数据库中存在的图谱信息。信息包括设备数据，设备在画布中的坐标，设备之间的能量传递方向，能量属性数据，画布宽高数据。
S42.对S41中获取图谱信息进行预处理，包括画布，设备坐标以及图标大小自适应，以及设备状态，设备关系表示。自适应过程如下：初始化网页时记录网页长度宽度，并将这个长宽保存成两份，一份是当前网页长宽，一份是上一次网页长宽。当网页大小发生缩放时，更新当前网页长宽以及上一次网页长宽，具体为上一次的当前长宽存在上一次长宽，刚刚获取的网页长宽为当前网页长宽。依据当前以及上一次网页长宽计算出长的缩放比例，宽的缩放比例。根据缩放比例对画布宽高，画布中的设备图片宽高，以及设备在画布中的位置坐标进行等比例缩放。设备状态表示，是通过不同图标表示设备不同状态，高亮图标表示设备开启，普通图标表示设备关闭，根据不同状态获取不同设备图标文件。设备关系表示，是对图谱编辑中不同关系属性图标的获取，电属性需要获取电图标，光属性需要获取光图标。
S43.对S42中预处理后进行展示。
通过S41，S42，S43三个步骤最后将图谱清晰的展示。
本发明具有的优点和积极效果是：
本发明打破了传统的能源设备管理中只能静态显示设备状态和无法以可视化编辑方式管理设备关系的限制，使用户可以通过鼠标拖拽的可视化编辑方式，灵活配置图谱所包含的能源设备属性及能源设备之间的关系，并且能自动刷新能源设备展示图片的亮暗状态来表示设备随时间的开闭，还灵活使用附带能量流动方式的箭头直线表示设备之间的关联关系及能量传递，箭头上的能量流动表达方法是使用从源能源设备到目标能源设备间流动的能量类型图片，它配合箭头标注了能量流动方向及传递能量类型，更清楚直观地展示出设备之间的能量关联关系。
(1)本发明采用鼠标拖拽的方式动态配置设备之间的复杂关系，大大提高了灵活性，可操作性，整个过程直观而简洁，可减少因为关系复杂而产生的配置错误。
(2)本发明使用不同图标表示设备不同状态，高亮图表示设备开启，其他图表示设备关闭，引入动态方向线表示设备之间的能量流动关系，使得设备之间关系清晰直观。
(3)提供了设备相对位置，设备图标大小的自适应功能，能够灵活的适应不同显示设备，以及不同浏览器窗口大小，使得一次图谱编辑多次多终端使用，提高了图标的显示灵活性。
附图说明
图1为本发明优选实施例中通过拖拽方式管理图谱示意图；
图2为本发明优选实施例的逻辑流程图；
图3为本发明优选实施例的展示界面图。
具体实施方式
为能进一步了解本发明的发明内容、特点及功效，兹例举以下实施例，并配合附图详细说明如下：
目前，楼宇能源设备较多，在不同的季节、不同的天气条件下，需要开关的能源设备不同，开关的时间不同，设备之间能量流动的方向也不同，为此：
如图1至图3所示，本发明的技术方案为：
一种能源设备关系的动态配置与图谱展现方法，包括：
S1、创建图谱，设置图谱的基本信息，包括名称、类型及使用时间，如冬季图谱或夏季图谱等；
S2、根据图谱类型，选择需要配置相应图谱应获取的缺省数据，如冬季图谱应缺省提供冬季使用的设备；包括：
S21、选择需要打开的图谱，通过网络请求从数据库中获取当前指定图谱所包含的数据信息；
S22、通过网络请求从数据库中获取所有能源设备、能量属性的数据信息，能源设备按照类型分类显示在待选设备栏，能量属性显示在待选能量属性栏供操作人拖拽编辑；
S3、以鼠标拖拽的可视化编辑方式对指定图谱进行灵活配置操作，如选择设备，指定设备之间的关系等，将修改后的数据保存至数据库中；所述指定图谱的数据包括源能源设备、目标能源设备、能量属性，能量属性表示源能源设备到目标能源设备间传递的能量关系，如热能或冷能及传递方向。S3包括：
对图谱中能源设备及能源设备间能量流动关系通过鼠标拖拽的可视化编辑方式进行添加、修改、删除等；
以鼠标拖拽方式更新图谱信息时，对能源设备是否重复进行校验，防止再次拖入图谱编辑区域中已存在的能源设备；
将对图谱成功操作后的数据信息存入数据库中；
S4、图谱显示时，能根据设备使用时间，动态更新能源设备开闭状态及能源设备之间的能量流动关系。
步骤S4在图谱显示时可以对图谱进行优化。
其中，所述获取数据库中保存的所有能源设备数据，在展示时要为展示画布动态创建样式，即要为图谱相关的所有能源设备数据动态创建样式，包括能源设备的图片、能源设备的名称,能源设备在画布中的位置坐标，要为每个能量属性动态创建样式，包括能量属性的图片，要根据能量传递关系设置能量流动箭头以及能量流动方向。
所述能源设备校验，其步骤包括：
1)判断拖拽的能源设备是否已经存在于图谱编辑区域中；
2)若已存在，则释放鼠标焦点，提示用户；
3)若不存在，则拖拽至指定坐标位置即可。
优选地，所述图谱显示与优化，包括获取图谱完整信息，自适应的显示在不同大小的画布上，高亮显示已开启的能源设备，能源设备之间的能量流动关系只存在于已开启的能源设备之间。
所述S3具体为：
S31、选择需要配置设备关系的图谱，若没有图谱则跳转到新建图谱系统新建一个图谱。对设备关系的编辑可以直观地通过拖拽方式对设备关系进行增加，删除，修改，查询操作。
S32、通过发起网络请求从服务器端获取系统数据库中存在的所有源能源设备、目标能源设备、能量属性的数据信息。
S33、将S32中获取的能源设备按照类型分类显示在待选设备栏，能量属性显示在能量属性栏供系统操作人员拖拽编辑；
S34、初始化画布。初始化过程包括自适应画布大小，并保存自适应后的画布宽高。自适应过程如下，获取浏览器宽高，获取左边设备栏，能量属性栏宽高；设备栏，能量属性栏宽高固定，画布宽高有最小宽高限制来保持显示的完整性，如果浏览器宽高减去设备栏，能量属性栏的宽高后的剩余部分的宽高大于画布最小宽高，则画布宽高动态适应剩余部分宽高，如果小于那么就保持画布的最小宽高同时设置滚动条供操作人员滚动显示画布。通过上述方法自适应后的宽高需要保存并随当前图谱保存至数据库用于图谱的自适应展示。
S35、系统操作人员在系统中选择所需目标设备，将目标设备拖拽到右边画布的任意想放置位置，再选择所需的能量流动方向以及传递的能量属性，将不同设备通过能量流动方向箭头关联起来。
如果系统操作人员需要对现有关系进行编辑，可直接在右边画布中通过拖拽方式修改。
S36、将S35中编辑的设备以及设备关系数据化，包括生成设备数据，设备在画布中的坐标，设备之间的能量传递方向，能量属性数据。再把数据化的数据以及S34中得到的画布宽高数据结构化成指定格式，最后通过发起网络请求传递后端服务，后端服务将数据存入数据库中。
根据上述S31，S32，S33，S34，S35，S36可直观的对设备关系进行增加，删除，修改，查看操作。整个操作可屏蔽数据库中数据表间关系，从而达到简单，直观的目的。
按照本发明的另一方面提供了一种直观的图谱显示方案，包括：
通过设备图片表示设备，通过同一设备的不同图片表示设备不同状态，如通过高亮设备图表示设备开启，普通设备图表示设备关闭。设备之间的连接关系则通过一个带动态流动效果的方向线表示。如某两个设备之间传递能量属性是电，那么通过一个带方向的线连接同时线上是一个流动的电图标。以及设备图标在不同画布大小中的自适应方案。具体方案如下：
S41.显示页面发起网络请求获取系统数据库中存在的图谱信息。信息包括设备数据，设备在画布中的坐标，设备之间的能量传递方向，能量属性数据，画布宽高数据。
S42.对S41中获取图谱信息进行预处理，包括画布，设备坐标以及图标大小自适应，以及设备状态，设备关系表示。自适应过程如下：初始化网页时记录网页长度宽度，并将这个长宽保存成两份，一份是当前网页长宽，一份是上一次网页长宽。当网页大小发生缩放时，更新当前网页长宽以及上一次网页长宽，具体为上一次的当前长宽存在上一次长宽，刚刚获取的网页长宽为当前网页长宽。依据当前以及上一次网页长宽计算出长的缩放比例，宽的缩放比例。根据缩放比例对画布宽高，画布中的设备图片宽高，以及设备在画布中的位置坐标进行等比例缩放。设备状态表示，是通过不同图标表示设备不同状态，高亮图标表示设备开启，普通图标表示设备关闭，根据不同状态获取不同设备图标文件。设备关系表示，是对图谱编辑中不同关系属性图标的获取，电属性需要获取电图标，光属性需要获取光图标。
S43.对S42中预处理后进行展示。
通过S41，S42，S43三个步骤最后将图谱清晰的展示。
本发明的工作原理为：
1.设备关系编辑系统判断是否存在图谱，如果没有则跳转到新建图谱系统新建图谱再返回设备关系编辑系统。
2.通过网络网络请求从web服务中获取数据库中保存的所有能源设备以及能量属性；获取当前图谱已经存在的能源设备，能量属性以及设备坐标；获取画布最小宽高。
3.将获取的所有能源设备按照能源设备类型分类显示在待选设备栏，能量属性显示在能量属性栏供系统操作人员拖拽编辑。
4.初试化画布。初始化过程包括自适应画布大小，如果当前图谱存在设备则需要自适应设备坐标以及设备图片大小，最后保存自适应后的画布宽高。将当前图谱已存在的设备以及设备间能量传递关系根据坐标显示在画布中。
5.系统操作人员在系统中选择所需目标设备，将目标设备拖拽到右边画布的任意想放置位置，再选择所需的能量流动方向以及传递的能量属性，将不同设备通过能量流动方向箭头关联起来。
6.将5中编辑的设备以及设备关系数据化同当前画布宽高一块结构化最后存入数据库中。
7.显示页面发起网络请求获取系统数据库中存在的图谱信息。信息包括设备数据，设备在画布中的坐标，设备之间的能量传递方向，能量属性数据，画布宽高数据。
8.对7中获取图谱信息进行预处理,包括画布，设备坐标以及图标大小自适应，以及设备状态，设备关系表示。
9.对8中预处理后图谱信息进行展示。
以上所述仅是对本发明的较佳实施例而已，并非对本发明作任何形式上的限制，凡是依据本发明的技术实质对以上实施例所做的任何简单修改，等同变化与修饰，均属于本发明技术方案的范围内。
Claims (8)
1.一种能源设备关系的动态配置与图谱展现方法，其特征在于，至少包括：
S1、创建图谱，设置图谱的基本信息，所述基本信息包括名称、类型及使用时间；
S2、根据图谱类型，选择需要配置相应图谱应获取的缺省数据；
S3、以鼠标拖拽的可视化编辑方式对指定图谱进行配置操作；具体为：
S31、选择需要配置设备关系的图谱，若没有图谱则跳转到新建图谱系统新建一个图谱；
S32、通过发起网络请求从服务器端获取系统数据库中存在的所有能源设备、目标能源设备、能量属性的数据信息；
S33、将所述能源设备按照类型分类显示在待选设备栏，能量属性显示在能量属性栏供系统操作人员拖拽编辑；
S34、初始化画布；初始化过程包括自适应画布大小，并保存自适应后的画布宽高；自适应过程如下：获取浏览器宽高、左边设备栏、能量属性栏宽高；设备栏和能量属性栏宽高固定，画布宽高通过最小宽高限制来保持显示的完整性，如果浏览器宽高减去设备栏宽高和能量属性栏的宽高后剩余部分的宽高大于画布最小宽高，则画布宽高动态适应剩余部分宽高，如果小于就保持画布的最小宽高，同时设置滚动条供操作人员滚动显示画布；
S35、在系统中选择所需目标设备，将目标设备拖拽到右边画布的任意位置，再选择所需的能量流动方向以及传递的能量属性，将不同设备通过能量流动方向箭头进行关联；
S36、将设备以及设备关系数据化，包括生成设备数据、设备在画布中的坐标、设备之间的能量传递方向、能量属性数据；再把数据化的数据以及S34中得到的画布宽高数据结构化成指定格式，最后通过发起网络请求传递后端服务，后端服务将数据存入数据库中；
S4、图谱显示，根据设备使用时间，动态更新能源设备开闭状态及能源设备之间的能量流动关系。
2.根据权利要求1所述的能源设备关系的动态配置与图谱展现方法，其特征在于，所述S2具体为：
S21、选择需要打开的图谱，通过网络请求从数据库中获取当前指定图谱所包含的数据信息；
S22、通过网络请求从数据库中获取所有能源设备、能量属性的数据信息，能源设备按照类型分类显示在待选设备栏，能量属性显示在待选能量属性栏供操作人拖拽编辑。
3.根据权利要求1所述的能源设备关系的动态配置与图谱展现方法，其特征在于，所述S3包括：
对图谱中能源设备及能源设备间能量流动关系通过鼠标拖拽的可视化编辑方式进行添加和/或修改和/或删除；
以鼠标拖拽方式更新图谱信息时，防止再次拖入图谱编辑区域中已存在的能源设备，对能源设备是否重复进行校验；
将对图谱成功操作后的数据信息存入数据库中。
4.根据权利要求1所述的能源设备关系的动态配置与图谱展现方法，其特征在于，在图谱显示时，为展示画布动态创建样式，具体包括：
为图谱相关的所有能源设备数据动态创建样式，包括能源设备的图片、能源设备的名称、能源设备在画布中的位置坐标；
为每个能量属性动态创建样式，包括能量属性的图片，根据能量传递关系设置能量流动箭头以及能量流动方向。
5.根据权利要求1所述的能源设备关系的动态配置与图谱展现方法，其特征在于，所述指定图谱的数据包括源能源设备、目标能源设备和能量属性，所述能量属性表示源能源设备到目标能源设备间传递的能量关系。
6.根据权利要求3所述的能源设备关系的动态配置与图谱展现方法，其特征在于，所述能源设备的校验包括：
判断拖拽的能源设备是否已经存在于图谱编辑区域中；
若已存在，则释放鼠标焦点，提示用户；
若不存在，则拖拽至指定坐标位置。
7.根据权利要求1所述的能源设备关系的动态配置与图谱展现方法，其特征在于，所述图谱显示时，还包括对图谱进行优化，图谱显示和优化包括：获取图谱完整信息，自适应的显示在不同大小的画布上，高亮显示已开启的能源设备，能源设备之间的能量流动关系只存在于已开启的能源设备之间。
8.根据权利要求1所述的能源设备关系的动态配置与图谱展现方法，其特征在于，所述S4具体为：
S41、显示页面发起网络请求获取系统数据库中存在的图谱信息；该图谱信息包括设备数据、设备在画布中的坐标、设备之间的能量传递方向、能量属性数据和画布宽高数据；
S42、对上述图谱信息进行预处理，包括画布、设备坐标以及图标大小自适应、以及设备状态、设备关系表示；自适应过程如下：初始化网页时记录网页长度宽度，并将这个长宽保存成两份，一份是当前网页长宽，一份是上一次网页长宽；
当网页大小发生缩放时，更新当前网页长宽以及上一次网页长宽，具体为上一次的当前长宽存在上一次长宽，最近时刻获取的网页长宽为当前网页长宽；依据当前以及上一次网页长宽计算出长的缩放比例，宽的缩放比例，根据缩放比例对画布宽高、画布中的设备图片宽高、以及设备在画布中的位置坐标进行等比例缩放；
设备状态表示，是通过不同图标表示设备不同状态，高亮图标表示设备开启，普通图标表示设备关闭，根据不同状态获取不同设备图标文件；
设备关系表示，是对图谱编辑中不同关系属性图标的获取，电属性需要获取电图标，光属性需要获取光图标；
S43、对预处理后图谱信息进行展示。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110586358.7A CN113325977B (zh) | 2021-05-27 | 2021-05-27 | 一种能源设备关系的动态配置与图谱展现方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110586358.7A CN113325977B (zh) | 2021-05-27 | 2021-05-27 | 一种能源设备关系的动态配置与图谱展现方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113325977A CN113325977A (zh) | 2021-08-31 |
| CN113325977B true CN113325977B (zh) | 2022-06-03 |
Family
ID=77421826
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110586358.7A Active CN113325977B (zh) | 2021-05-27 | 2021-05-27 | 一种能源设备关系的动态配置与图谱展现方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113325977B (zh) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP3391301A1 (en) * | 2015-12-17 | 2018-10-24 | Turkiye Petrol Rafinerileri Anonim Sirketi Tupras | Energy network management and optimization system |
| CN110633082A (zh) * | 2019-09-26 | 2019-12-31 | 山东浪潮商用系统有限公司 | 一种结合echart和html的动态数据展示方法及系统 |
| CN111046306A (zh) * | 2019-12-30 | 2020-04-21 | 四川华迪信息技术有限公司 | 一种浏览器动态展示就业信息分析结果图表的方法 |
| CN111581444A (zh) * | 2020-04-29 | 2020-08-25 | 北京同创永益科技发展有限公司 | 一种编辑和展示拓扑图的方法及装置 |
| CN111639192A (zh) * | 2020-05-12 | 2020-09-08 | 新奥数能科技有限公司 | 一种获取能流图的方法、装置、可读介质及电子设备 |
| CN112433726A (zh) * | 2020-12-04 | 2021-03-02 | 上海悦易网络信息技术有限公司 | 一种Echarts图表组件的封装方法及设备 |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20060047348A1 (en) * | 2004-08-30 | 2006-03-02 | Chun-Yen Teng | Method and system for dynamically controlling equipment actions |
| CN104461309A (zh) * | 2014-12-26 | 2015-03-25 | 北京奇虎科技有限公司 | 基于拖拽操作跨页面调整对象位置的方法和装置 |
| CN108197269A (zh) * | 2018-01-04 | 2018-06-22 | 北京金堤科技有限公司 | 一种动态关系图谱的生成方法、装置和用户终端 |
-
2021
- 2021-05-27 CN CN202110586358.7A patent/CN113325977B/zh active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP3391301A1 (en) * | 2015-12-17 | 2018-10-24 | Turkiye Petrol Rafinerileri Anonim Sirketi Tupras | Energy network management and optimization system |
| CN110633082A (zh) * | 2019-09-26 | 2019-12-31 | 山东浪潮商用系统有限公司 | 一种结合echart和html的动态数据展示方法及系统 |
| CN111046306A (zh) * | 2019-12-30 | 2020-04-21 | 四川华迪信息技术有限公司 | 一种浏览器动态展示就业信息分析结果图表的方法 |
| CN111581444A (zh) * | 2020-04-29 | 2020-08-25 | 北京同创永益科技发展有限公司 | 一种编辑和展示拓扑图的方法及装置 |
| CN111639192A (zh) * | 2020-05-12 | 2020-09-08 | 新奥数能科技有限公司 | 一种获取能流图的方法、装置、可读介质及电子设备 |
| CN112433726A (zh) * | 2020-12-04 | 2021-03-02 | 上海悦易网络信息技术有限公司 | 一种Echarts图表组件的封装方法及设备 |
Non-Patent Citations (1)
| Title |
|---|
| Echart制作动态流程图;星汉长空;《https://mbd.baidu.com/ma/s/VdmP30zo》;20201129;00：00—09:00 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113325977A (zh) | 2021-08-31 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US7814427B2 (en) | Object model tree diagram | |
| CN108345456A (zh) | 页面代码生成方法、装置、计算机设备和存储介质 | |
| US8640037B2 (en) | Graphical overlay related to data mining and analytics | |
| CN111080170B (zh) | 一种工作流建模方法、装置、电子设备及存储介质 | |
| JP5202638B2 (ja) | リレーショナルモデルのインテリジェントな編集 | |
| CN112464623A (zh) | Rpa流程文件生成方法、装置、计算机设备和存储介质 | |
| US20110271172A1 (en) | Temporary formatting and charting of selected data | |
| CN111176646B (zh) | 应急预案web页面的生成方法及装置 | |
| US9558525B2 (en) | Process communication method and system | |
| CN110097612A (zh) | 一种在线绘制图形元素的方法及装置 | |
| CN113495491A (zh) | 设备联动关系的展示方法、装置、电子设备及存储介质 | |
| CN114417034A (zh) | 一种遥感数据处理方法、装置、设备及存储介质 | |
| CN104991918A (zh) | 一种基于webgis的在线显示大数据的方法 | |
| US8230319B2 (en) | Web-based visualization, refresh, and consumption of data-linked diagrams | |
| JP2012064207A (ja) | ホスト装置及びホスト装置のコンテンツ表示方法 | |
| CN113325977B (zh) | 一种能源设备关系的动态配置与图谱展现方法 | |
| US20240160454A1 (en) | Page configuration method, page configuration system, electronic device, and readable storage medium | |
| CN109086042B (zh) | 基于算子及控件的业务界面开发方法 | |
| CN116245052A (zh) | 一种图纸迁移方法、装置、设备和存储介质 | |
| CN114675921A (zh) | 一种自定义界面的方法、装置、电子设备和存储介质 | |
| CN115080043A (zh) | 数据可视化处理方法、装置、前端设备及存储介质 | |
| CN112764637A (zh) | 一种智慧农业物联网设备描述文件生成方法 | |
| CN110704537A (zh) | 智能合约的生成方法、装置、设备及存储介质 | |
| JP4546501B2 (ja) | コンテンツアプリケーション構築システム | |
| CN116679856B (zh) | 可视化的应用界面构建方法、装置、设备、存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |