CN112612989A - 数据展示方法、装置、计算机设备和存储介质 - Google Patents
数据展示方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN112612989A CN112612989A CN202011630023.2A CN202011630023A CN112612989A CN 112612989 A CN112612989 A CN 112612989A CN 202011630023 A CN202011630023 A CN 202011630023A CN 112612989 A CN112612989 A CN 112612989A
- Authority
- CN
- China
- Prior art keywords
- layout
- data
- graphic
- display
- display data
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 59
- 238000003860 storage Methods 0.000 title claims abstract description 23
- 238000009877 rendering Methods 0.000 claims abstract description 38
- 230000001960 triggered effect Effects 0.000 claims abstract description 11
- 238000010586 diagram Methods 0.000 claims description 45
- 238000004590 computer program Methods 0.000 claims description 13
- 230000004044 response Effects 0.000 claims description 12
- 238000012544 monitoring process Methods 0.000 claims description 9
- 230000001788 irregular Effects 0.000 claims description 8
- 230000008569 process Effects 0.000 description 14
- 230000000694 effects Effects 0.000 description 6
- 238000004891 communication Methods 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 4
- 238000013500 data storage Methods 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000000007 visual effect Effects 0.000 description 3
- 230000006399 behavior Effects 0.000 description 2
- 239000003086 colorant Substances 0.000 description 2
- 238000012423 maintenance Methods 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 238000010923 batch production Methods 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 238000004040 coloring Methods 0.000 description 1
- 239000000470 constituent Substances 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
- 230000010076 replication Effects 0.000 description 1
- 238000012216 screening Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
-
- 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/04842—Selection of displayed objects or displayed text elements
-
- 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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/189—Automatic justification
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Health & Medical Sciences (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Artificial Intelligence (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请涉及一种数据展示方法、装置、计算机设备和存储介质。方法包括在进入数据展示界面时,加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系,图形元素用于表征布局图中的布局区域,展示数据为布局区域的关联数据;基于网络地址,将布局图加载并展示至数据展示界面,并根据图形元素在布局图中的相对位置信息,在布局图上渲染与布局区域对应的图形元素;当在数据展示界面侦测到触发操作时,根据触发操作对应位置,确定触发的目标图形元素;根据图形元素与展示数据的关联关系,查找并展示与目标图形元素关联的目标展示数据。在实现数据快速便捷展示的同时,能够便于后续对展示数据进行维护。
Description
技术领域
本申请涉及数据处理技术领域,特别是涉及一种数据展示方法、装置、计算机设备和存储介质。
背景技术
随着信息技术的发展,信息的直观展示已然成为人们追求的目标。以房地产行业为例,房地产或其他地产开发商开发某个楼盘或项目的时候,进行到房屋租售环节的时候,希望能清晰直观的了解楼盘或项目当前的租售情况。
目前的信息展示方式一般都是通过预先绘制好的布局图来进行信息的展示,这种信息展示方式可以快速展示数据,但是能够展示的信息量有限,当需要对展示的数据进行更新修改时,修改需要基于整个布局图的调整修改实现,导致展示数据的维护难度大。
发明内容
基于此,有必要针对上述技术问题,提供一种能够实现数据快速便捷展示的同时便于进行维护的数据展示方法、装置、计算机设备和存储介质。
一种数据展示方法,其特征在于,方法包括:
在进入数据展示界面时,加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系,图形元素用于表征布局图中的布局区域,展示数据为布局区域的关联数据;
基于网络地址,将布局图加载并展示至数据展示界面,并根据图形元素在布局图中的相对位置信息,在布局图上渲染与布局区域对应的图形元素;
当在数据展示界面侦测到触发操作时,根据触发操作对应位置,确定触发的目标图形元素;
根据图形元素与展示数据的关联关系,查找并展示与目标图形元素关联的目标展示数据。
在其中一个实施例中,在进入数据展示界面时,还包括:
加载图形元素的图形绘制路径;
根据图形元素在布局图中的相对位置信息,在布局图上渲染与布局区域对应的图形元素包括:
根据图形元素在布局图中的相对位置信息以及图形元素的图形绘制路径,在布局图上渲染与布局区域对应的图形元素。
在其中一个实施例中,根据图形元素在布局图中的相对位置信息,在布局图上渲染与布局区域对应的图形元素包括:
根据图形元素与展示数据的关联关系,得到各布局区域对应的展示数据;
根据展示数据所属的数据类别以及数据类别对应的展示样式,确定图形元素的展示样式;
根据图形元素在布局图中的相对位置信息,在布局图上按展示样式渲染与布局区域对应的图形元素。
在其中一个实施例中,目标图形元素的数量不小于两个;
根据图形元素与展示数据的关联关系,查找并展示与目标图形元素关联的目标展示数据包括:
根据图形元素与展示数据的关联关系,查找与目标图形元素关联的目标展示数据;
对目标展示数据进行统计,展示统计结果。
在其中一个实施例中,在进入数据展示界面时,加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系之前,还包括:
在进入预设的图形编辑界面时,加载预先配置的待关联的展示数据,并获取上传的布局图;
响应对布局图中的布局区域的图形绘制操作,得到与布局区域对应的图形元素,确定图形元素在布局图中的相对位置信息;
响应对图形元素的选中操作,推送包含待关联的展示数据的页面;
当侦测到对页面中的待关联的展示数据的选中操作时,建立选中的图形元素与选中的展示数据的关联关系;
获取布局图的网络地址,将网络地址、图形元素在布局图中的相对位置信息以及建立的关联关系进行关联存储。
在其中一个实施例中,响应对布局图中的布局区域的图形绘制操作,得到与布局区域对应的图形元素,确定图形元素在布局图中的相对位置信息包括:
监听基于布局区域的形状和尺寸进行图形绘制的键鼠事件,确定绘制的图像元素,其中,键鼠事件包括图形绘制、图形移动、图形缩放、图形旋转、图形对齐、图形复制、图形粘贴以及图形批量生成中的至少一种;
根据图像元素的坐标信息,确定图形元素在布局图中的相对位置信息。
在其中一个实施例中,监听基于布局区域的形状和尺寸进行图形绘制的键鼠事件,确定绘制的图像元素包括:
响应选择绘图工具的键鼠事件,确定选择的绘图工具,绘图工具为规则图形绘制工具和非规则图形绘制工具中的任意一种;
监听基于布局区域的形状和尺寸以及绘图工具的图形绘制键鼠事件;
基于图形绘制键鼠事件,得到XML格式定义的图形绘制路径;
根据图形绘制路径,得到图像元素。
一种数据展示装置,装置包括:
数据加载模块,用于在进入数据展示界面时,加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系,图形元素用于表征布局图中的布局区域,展示数据为布局区域的关联数据;
图形渲染模块,用于基于网络地址,将布局图加载并展示至数据展示界面,并根据图形元素在布局图中的相对位置信息,在布局图上渲染与布局区域对应的图形元素;
触发响应模块,用于当在数据展示界面侦测到触发操作时,根据触发操作对应位置,确定触发的目标图形元素;
数据展示模块,用于根据图形元素与展示数据的关联关系,查找并展示与目标图形元素关联的目标展示数据。
一种计算机设备,包括存储器和处理器,存储器存储有计算机程序,处理器执行计算机程序时实现以下步骤:
在进入数据展示界面时,加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系,图形元素用于表征布局图中的布局区域,展示数据为布局区域的关联数据;
基于网络地址,将布局图加载并展示至数据展示界面,并根据图形元素在布局图中的相对位置信息,在布局图上渲染与布局区域对应的图形元素;
当在数据展示界面侦测到触发操作时,根据触发操作对应位置,确定触发的目标图形元素;
根据图形元素与展示数据的关联关系,查找并展示与目标图形元素关联的目标展示数据。
一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现以下步骤:
在进入数据展示界面时,加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系,图形元素用于表征布局图中的布局区域,展示数据为布局区域的关联数据;
基于网络地址,将布局图加载并展示至数据展示界面,并根据图形元素在布局图中的相对位置信息,在布局图上渲染与布局区域对应的图形元素;
当在数据展示界面侦测到触发操作时,根据触发操作对应位置,确定触发的目标图形元素;
根据图形元素与展示数据的关联关系,查找并展示与目标图形元素关联的目标展示数据。
上述数据展示方法、装置、计算机设备和存储介质,通过将待展示的布局图和展示数据进行拆解,通过图形元素进行数据信息的关联,实现了布局图中各个布局区域与对应展示数据的解耦,在进入数据展示界面时,加载拆解后的各项数据,基于网络地址加载布局图并在布局图上渲染与布局区域对应的图形元素,根据触发操作,查找并展示对应的展示数据,通过不同的图层的渲染,在不对原有布局图进行修改的前提下,便于实现具有与之对应的展示数据的触发展示,在实现数据快速便捷展示的同时,能够便于后续对展示数据进行维护。
附图说明
图1为一个实施例中数据展示方法的应用环境图;
图2为一个实施例中数据展示方法的流程示意图;
图3为一个实施例中数据展示方法的多平面展示效果示意图;
图4为一个实施例中数据展示方法的单一平面展示效果示意图;
图5为又一个实施例中数据展示方法的流程示意图;
图6为还一个实施例中数据展示方法的流程示意图;
图7为另一个实施例中数据展示方法的流程示意图;
图8为一个实施例中数据展示方法的图形编辑界面示意图;
图9为再一个实施例中数据展示方法的流程示意图;
图10为一个实施例中数据展示方法的图形批量生成的效果示意图;
图11为一个实施例中数据展示方法的数据关联过程的流程示意图;
图12为还一个实施例中数据展示方法的流程示意图;
图13为一个实施例中数据展示装置的结构框图;
图14为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
本申请提供的数据展示方法,可以应用于如图1所示的应用环境中。终端102在进入数据展示界面时,从存储器104中加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系,图形元素用于表征布局图中的布局区域,展示数据为布局区域的关联数据。基于网络地址,将布局图加载并展示至数据展示界面,并根据图形元素在布局图中的相对位置信息,在布局图上渲染与布局区域对应的图形元素。当在数据展示界面侦测到触发操作时,根据触发操作对应位置,确定触发的目标图形元素。根据图形元素与展示数据的关联关系,查找并展示与目标图形元素关联的目标展示数据。其中,终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备。存储器104可以是用于进行数据存储的服务器。终端通过访问服务器获取预先存储的数据。
在一个实施例中,如图2所示,提供了一种数据展示方法,以该方法应用于图1中的终端为例进行说明,包括以下步骤:
步骤202,在进入数据展示界面时,加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系。
数据展示界面是指用于展示图片以及对应的展示数据的界面。终端侦测到进入数据展示界面时,根据选定的布局图的标识信息或预设的待展示的布局图标识信息,从存储数据中加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系。
以房地产行业的租控图的展示为例,当用户进入终端的数据显示界面,可以选定要展示哪一个楼栋某一楼层的数据信息,假设用户选定了A区5栋的第8层,则终端需要展示包括A区5栋的第8层中各户的平面布局图。此时,终端可以以A区5栋的第8层为标识,从存储数据中加载A区5栋的第8层的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系。
布局图是每一层平面的结构示意图,可以预先绘制好存储至存储器,在终端需要进行展示时,通过布局图的网络地址,从存储区中实时加载的方式进行布局图的获取和展示,减小对终端的数据处理资源的占用。布局图中的布局区域可以是具有展示数据的区域,例如租控图中的住户区域、商铺区域等,对应的,展示数据可以是住户区域、商铺区域的租售情况等。
图形元素用于表征布局图中的布局区域。在实施例中,图形元素是基于布局图中的布局区域的形状和大小进行绘制的,即在布局图所在的图层的上一图层,绘制与布局区域一样的图形元素。图形元素在布局图中的相对位置信息是指图形元素在绘制完成后,其所在布局图中所处的位置。在实施例中,图形元素在布局图中的相对位置信息可以通过图形元素在以布局图为基准的坐标系中的坐标来表示。
展示数据为布局区域的关联数据。在布局图中的每一个布局区域都可以有对应的展示数据,通过在布局区域上绘制的图形元素,将图形元素与布局区域对应的展示数据进行关联,能够通过各个特征之间的关联实现数据的解耦。
步骤204,基于网络地址,将布局图加载并展示至数据展示界面,并根据图形元素在布局图中的相对位置信息,在布局图上渲染与布局区域对应的图形元素。
网络地址又称URL(Uniform Resource Locator,统一资源***),通过加载网络地址能够对布局图实现实时的获取,简化对存储空间的内存占用。
通过将布局图加载并展示至数据展示界面,实现第一图层的展示。通过根据图形元素在布局图中的相对位置信息,在布局图上渲染与布局区域对应的图形元素,实现图形元素与布局图的图层叠加,在布局图的各个布局区域渲染对应的图形元素,便于检测和响应用户的触发操作,确定要展示的展示数据。
步骤206,当在数据展示界面侦测到触发操作时,根据触发操作对应位置,确定触发的目标图形元素。
触发操作是指用户对数据展示界面的某个位置的点击操作,具体可以是通过鼠标等输入设备控制光标移动至某个位置,通过点击鼠标进行的点击操作,也可以是通过触摸屏等人机交互设备,通过感应用户的点击位置确定触发操作,终端根据触发操作对应位置所属的目标布局区域,确定触发的目标图形元素,目标图形元素与目标布局区域对应。
步骤208,根据图形元素与展示数据的关联关系,查找并展示与目标图形元素关联的目标展示数据。
以租控图为例,展示效果如图3和图4所示。可以先展示所有楼层的组合布局图,当用户选中其中一个平面布局图,并点击布局图中的某个位置时,在展示界面显示该点击位置对应的布局区域的具体信息。
基于图形元素与展示数据的关联关系,可以快速便捷地查找到目标图形元素关联的目标展示数据,通过基于关联关系进行数据查找的方式,能够减小终端的数据存储空间的占用,便于提高终端的响应速度,进行目标数据的针对性获取与显示。
上述数据展示方法,通过将待展示的布局图和展示数据进行拆解,通过图形元素进行数据信息的关联,实现了布局图中各个布局区域与对应展示数据的解耦,在进入数据展示界面时,加载拆解后的各项数据,基于网络地址加载布局图并在布局图上渲染与布局区域对应的图形元素,根据触发操作,查找并展示对应的展示数据,通过不同的图层的渲染,在不对原有布局图进行修改的前提下,便于实现具有与之对应的展示数据的触发展示,在实现数据快速便捷展示的同时,能够便于后续对展示数据进行维护。
在其中一个实施例中,如图5所示,在进入数据展示界面时,加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系包括步骤502。
步骤502,在进入数据展示界面时,加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息、图形元素的图形绘制路径以及图形元素与展示数据的关联关系。
根据图形元素在布局图中的相对位置信息,在布局图上渲染与布局区域对应的图形元素包括步骤504。
步骤504,根据图形元素在布局图中的相对位置信息以及图形元素的图形绘制路径,在布局图上渲染与布局区域对应的图形元素。
图形元素的图形绘制路径是指图形元素轮廓线的构成点组成的绘图路径。在其他实施例中,图形元素的图形绘制路径可以用位图信息来代替。具体来说图形绘制路径可以基于SVG存储,位图信息可以基于canvas存储,其中,SVG是一种图像文件格式,为可缩放的矢量图形,它使用XML格式定义图形元素的图形绘制路径,可以在网页html上可以通过SVG的路径渲染出图形元素。SVG存储与canvas存储,两者从数据存储对比,svg存储数据量小,渲染图形元素的时候更容易解析数据,性能更快。
在一个实施例中,如图6所示,基于网络地址,将布局图加载并展示至数据展示界面,并根据图形元素在布局图中的相对位置信息,在布局图上渲染与布局区域对应的图形元素包括步骤602至步骤606。
步骤602,基于网络地址,将布局图加载并展示至数据展示界面,并根据图形元素与展示数据的关联关系,得到各布局区域对应的展示数据。
步骤604,根据展示数据所属的数据类别以及数据类别对应的展示样式,确定图形元素的展示样式。
步骤606,根据图形元素在布局图中的相对位置信息,在布局图上按展示样式渲染与布局区域对应的图形元素。
数据类别可以用于表征布局区域当前所处的状态。例如租控图中的已租房间和待租房间属于不同的数据类别。终端可以根据数据的不同状态,对图形元素进行上色,直观展示数据状态,如已租房间可以显示为灰色,待租房间显示为绿色。其中,显示为灰色和显示绿色即为不同的展示样式,不同的展示样式用于区分不同的数据类型。展示样式可以是不同的展示颜色、不同的边框颜色、不同的底纹等,在此不作限定。
在其中一个实施例中,目标图形元素的数量不小于两个。根据图形元素与展示数据的关联关系,查找并展示与目标图形元素关联的目标展示数据包括:
根据图形元素与展示数据的关联关系,查找与目标图形元素关联的目标展示数据。对目标展示数据进行统计,展示统计结果。
在实施例中,终端可以响应用户选择的多个图形元素,对需要展示的统计数据进行汇总计算,如展示房间的物业费用的情况,选择多个房间的时候,可以合并显示总体的物业费用数据,实现数据的直观展示。
在其中一个实施例中,如图7所示,在进入数据展示界面时,加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系之前,还包括数据关联过程,数据关联过程具体包括以下步骤702至步骤710。
步骤702,在进入预设的图形编辑界面时,加载预先配置的待关联的展示数据,并获取上传的布局图。
步骤704,响应对布局图中的布局区域的图形绘制操作,得到与布局区域对应的图形元素,确定图形元素在布局图中的相对位置信息。
步骤706,响应对图形元素的选中操作,推送包含待关联的展示数据的页面。
步骤708,当侦测到对页面中的待关联的展示数据的选中操作时,建立选中的图形元素与选中的展示数据的关联关系。
步骤710,获取布局图的网络地址,将网络地址、图形元素在布局图中的相对位置信息以及建立的关联关系进行关联存储。
图形编辑界面是指用于根据布局图进行图形元素绘制的界面,图形编辑界面可以如图8所示,包括绘图工具选择区域、布局图展示与图形元素绘制区域,已绑定数据展示区域。用户可以根据需要上传需要进行处理的布局图。例如租控图中每一层的房间布局示意图。在图形编辑界面可以展示已经关联的展示数据,通过不同的显示样式显示已关联展示数据的图形元素和未关联展示数据的图形元素,在图形编辑页面支持进行修改关联数据。
在实施例中,可以通过终端预先配置多种后台数据源作为展示数据,这里便于说明可以是租控图的房间数据;在进入图形编辑界面之后,终端首先加载待绑定的房间数据,待绑定的房间数据可以在数据源区域中展示(数据源区域可以通过弹窗等方式在选定图形元素时进行展示),图形编辑界面展示用户上传的布局图,在布局图的房间区域上绘制各个房间对应的图形元素,确定图形元素在布局图中的相对位置信息;然后终端根据用户选中已经绘制好的房间图形元素,推送包括待绑定的房间数据的弹窗,以使用户选择房间数据对应的数据进行绑定,从而建立选中的图形元素与选中的展示数据的关联关系。终端通过保存图形元素的绘制信息、布局图的信息(访问URL、尺寸大小)、图形元素的图形绘制路径、图形元素相对于布局图的位置信息,图形元素与房间数据的绑定关系,存放到数据库中,以便在后续数据展示过程中进行数据加载。
通过在布局图上进行图形元素的绘制,可以保证所绘制图形元素的区域跟布局图保持一致,保证数据的准确性。
在其中一个实施例中,如图9所示,响应对布局图中的布局区域的图形绘制操作,得到与布局区域对应的图形元素,确定图形元素在布局图中的相对位置信息包括步骤902至步骤904。
步骤902,监听基于布局区域的形状和尺寸进行图形绘制的键鼠事件,确定绘制的图像元素。
步骤904,根据图像元素的坐标信息,确定图形元素在布局图中的相对位置信息。
其中,键鼠事件包括图形绘制、图形移动、图形缩放、图形旋转、图形对齐、图形复制、图形粘贴以及图形批量生成中的至少一种。
图形绘制可以是绘制布局区域对应图形元素的轮廓的过程。图形复制可以是通过监听键盘的复制和粘贴事件,将图形元素的路径信息进行拷贝,产生一个新的元素的过程。图形的移动、缩放、旋转可以是选中图形之后,主要通过监听鼠标的事件进行实现,计算鼠标移动的距离,拖动的距离,旋转的角度,将其换算成图形的移动、缩放、旋转的操作。图形对齐可以是当按下键盘ctrl之后,可以通过鼠标选中多个图形;通过选择对齐方式对图形进行对齐操作(上、下、左、右、居中、等距等对齐方式),这个过程需要根据选中的多个图形的位置信息,计算每个图形需要移动的方位和距离。图形的批量生成可以是选中某片区域内起始和结束的两个图形,选择填充数量,在该区域内,生成相同大小的图形,并等距对齐,适用于大批量区域绘制。图形的批量生成效果可以如图10所示。
终端通过监听键鼠事件,可以获取鼠标坐标和拖动行为,将其转换为对应的SVG图形;通过对选中的SVG图形进行缩放、复制、对齐、移动、旋转等操作,实现图形的编辑,同时可以支持布局图进行放大编辑。
基于上述操作,可以实现灵活的绘图,可以在布局图上快速绘制图形元素,满足各类不规则图形绘制,且有多种图形操作方式(复制、对齐、移动、缩放、旋转),很方便的对图形元素进行布局,尤其是比较规整的区域(如车位),可以使用复制和等距对齐的方式,快速进行排版。
在其中一个实施例中,监听基于布局区域的形状和尺寸进行图形绘制的键鼠事件,确定绘制的图像元素包括:响应选择绘图工具的键鼠事件,确定选择的绘图工具。监听基于布局区域的形状和尺寸以及绘图工具的图形绘制键鼠事件。基于图形绘制键鼠事件,得到XML格式定义的图形绘制路径。根据图形绘制路径,得到图像元素。
绘图工具为规则图形绘制工具和非规则图形绘制工具中的任意一种。其中,规则图形绘制工具用于绘制规则的图形,可以选择预设的图形信息,如矩形、正方形、圆形等元素,通过计算鼠标拖动的距离,换算成图形的大小,并进行绘制。非规则图形绘制工具用于绘制不规则图形,可以选择多边型绘制方式,通过一个个锚点绘制路径,将其路径连成一个封闭图形。
在一个实施例中,以租控图的绘制和展示为例。租控图一般是在一张2D的平面空间布局图上,实时展示不同房间区域对应的资源信息(如房间面积)或者租售状态等相关信息。其绘制过程实质上是在空间布局图上,将不同房间/区域的坐标和范围给标识出来,并跟后台配置的房间数据建立关联关系的过程。租控图的展示包括当点击布局图上某个点的时候,需要识别出该坐标是属于哪个房间区域,并通过房间区域跟后台的房间数据进行关联,查询出房间区域对应的房间数据进行展示的过程。
如图11所示,租控图的绘制过程包括:进入租控图可视化编辑界面,加载可数据源,展示可关联的房间数据,上传布局图作为底图,在底图上绘制房间区域图形元素,形成房间区域图形层,在用户选中房间图形元素之后,将选中的房间图形元素与选中的数据源进行绑定,然后保存房间图形元素的绘制路径以及房间图形元素与房间对应数据源的绑定关系。
其中,用户可以通过终端为不同的数据类型,配置不同的数据源;其数据源的数据可以包含数据类型,id,名称,编码等要素,便于进行不同布局区域的区分。通过选择房间图形元素,添加绑定关系,在编辑界面可以展示已经绑定的数据信息,已经绑定数据的图形元素,支持进行修改绑定数据。
如图12所示,租控图的展示过程包括:进入数据展示页面,加载保存的数据,包括底图的URL、房间图形元素的路径和位置信息、房间图形元素跟房间对应数据源的绑定关系,根据URL加载底图,并在底图上根据图形元素的位置和绘制路径,渲染出各个房间图形元素。当用户点击房间图形元素的时候,根据房间图形元素跟房间对应数据源的绑定关系,查找用户点击的房间图形元素对应数据源进行数据展示。
其中,保存的数据包括房间图形元素的SVG绘制路径和位置信息,用于表征图形元素的坐标,加载完底图数据之后,在底图上面按图形元素的坐标渲染图形元素。检测到用户选择了图形元素之后,根据不同业务场景需要展示的数据类型,调用后台不同的查询接口,进行数据展示。数据展示还可以根据数据的特点多种方式展示,比如状态数据使用热力图展示,汇总数据采用看板展示等。
通过上述方法,可以在底图上进行图形元素绘制,可以保证所绘制图形元素的区域跟底图保持一致,保证数据的准确性。提供了灵活的绘图技术,可以在底图上快速绘制图形元素,满足各类不规则图形元素绘制,且有多种图形操作方式(复制、对齐、移动、缩放、旋转),很方便的对图形进行布局,尤其是比较规整的区域(如车位),可以使用复制和等距对齐的方式,快速进行排版。
通过将图形元素与展示数据绑定,配置不同的数据源,可以满足各类带有区域属性的数据源信息(比如地图上的行政区域);直观地展示各个布局区域的各类信息数据,具体来说,可以通过使用不同的数据类型查询不同的后台数据进行展示,如在租售现场显示的是房间的租售状态,在收费服务台显示的房间待缴费用数据;根据数据的不同状态,对图形元素进行上色,直观展示数据状态,如已租房间可以显示为灰色,待租房间显示为绿色;通过响应用户对多个图形元素的选择,对需要展示的统计数据进行汇总计算,如展示房间的物业费用的情况,选择多个房间的时候,可以合并显示总体的物业费用数据;根据数据状态筛选图形元素,进行高亮展示,多种展示结果可以组合展示,形成大屏看板效果。此外,还可以使用HTML5渲染SVG图形元素,支持跨平台,跨客户端的展示。
应该理解的是,虽然上述实施例涉及的各流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,上述实施例涉及的各流程图中的至少一部分步骤可以包括多个步骤或者多个阶段,这些步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中,如图13所示,提供了一种数据展示装置,包括:数据加载模块1302、图形渲染模块1304、触发响应模块1306和数据展示模块1308,其中:
数据加载模块1302,用于在进入数据展示界面时,加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系,图形元素用于表征布局图中的布局区域,展示数据为布局区域的关联数据。
图形渲染模块1304,用于基于网络地址,将布局图加载并展示至数据展示界面,并根据图形元素在布局图中的相对位置信息,在布局图上渲染与布局区域对应的图形元素。
触发响应模块1306,用于当在数据展示界面侦测到触发操作时,根据触发操作对应位置,确定触发的目标图形元素。
数据展示模块1308,用于根据图形元素与展示数据的关联关系,查找并展示与目标图形元素关联的目标展示数据。
在其中一个实施例中,数据加载模块还用于加载图形元素的图形绘制路径;图形渲染模块还用于根据图形元素在布局图中的相对位置信息以及图形元素的图形绘制路径,在布局图上渲染与布局区域对应的图形元素。
在其中一个实施例中,图形渲染模块还用于根据图形元素与展示数据的关联关系,得到各布局区域对应的展示数据;根据展示数据所属的数据类别以及数据类别对应的展示样式,确定图形元素的展示样式;根据图形元素在布局图中的相对位置信息,在布局图上按展示样式渲染与布局区域对应的图形元素。
在其中一个实施例中,目标图形元素的数量不小于两个;数据展示模块还用于根据图形元素与展示数据的关联关系,查找与目标图形元素关联的目标展示数据;对目标展示数据进行统计,展示统计结果。
在其中一个实施例中,数据展示装置还包括数据关联模块,用于在进入预设的图形编辑界面时,加载预先配置的待关联的展示数据,并获取上传的布局图;响应对布局图中的布局区域的图形绘制操作,得到与布局区域对应的图形元素,确定图形元素在布局图中的相对位置信息;响应对图形元素的选中操作,推送包含待关联的展示数据的页面;当侦测到对页面中的待关联的展示数据的选中操作时,建立选中的图形元素与选中的展示数据的关联关系;获取布局图的网络地址,将网络地址、图形元素在布局图中的相对位置信息以及建立的关联关系进行关联存储。
在其中一个实施例中,数据关联模块还包括图形绘制单元,图形绘制单元用于监听基于布局区域的形状和尺寸进行图形绘制的键鼠事件,确定绘制的图像元素,其中,键鼠事件包括图形绘制、图形移动、图形缩放、图形旋转、图形对齐、图形复制、图形粘贴以及图形批量生成中的至少一种;根据图像元素的坐标信息,确定图形元素在布局图中的相对位置信息。
在其中一个实施例中,图形绘制单元还用于响应选择绘图工具的键鼠事件,确定选择的绘图工具,绘图工具为规则图形绘制工具和非规则图形绘制工具中的任意一种;监听基于布局区域的形状和尺寸以及绘图工具的图形绘制键鼠事件;基于图形绘制键鼠事件,得到XML格式定义的图形绘制路径;根据图形绘制路径,得到图像元素。
上述数据展示装置,通过将待展示的布局图和展示数据进行拆解,通过图形元素进行数据信息的关联,实现了布局图中各个布局区域与对应展示数据的解耦,在进入数据展示界面时,加载拆解后的各项数据,基于网络地址加载布局图并在布局图上渲染与布局区域对应的图形元素,根据触发操作,查找并展示对应的展示数据,通过不同的图层的渲染,在不对原有布局图进行修改的前提下,便于实现具有与之对应的展示数据的触发展示,在实现数据快速便捷展示的同时,能够便于后续对展示数据进行维护。
关于数据展示装置的具体限定可以参见上文中对于数据展示方法的限定,在此不再赘述。上述数据展示装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图14所示。该计算机设备包括通过***总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作***和计算机程序。该内存储器为非易失性存储介质中的操作***和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信,无线方式可通过WIFI、运营商网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种数据展示方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图14中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,还提供了一种计算机设备,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现上述各方法实施例中的步骤。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现上述各方法实施例中的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,该计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-OnlyMemory,ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory,RAM)或外部高速缓冲存储器。作为说明而非局限,RAM可以是多种形式,比如静态随机存取存储器(Static Random Access Memory,SRAM)或动态随机存取存储器(Dynamic Random Access Memory,DRAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种数据展示方法,其特征在于,所述方法包括:
在进入数据展示界面时,加载待展示的布局图的网络地址、图形元素在所述布局图中的相对位置信息以及所述图形元素与展示数据的关联关系,所述图形元素用于表征所述布局图中的布局区域,所述展示数据为所述布局区域的关联数据;
基于所述网络地址,将所述布局图加载并展示至所述数据展示界面,并根据所述图形元素在所述布局图中的相对位置信息,在所述布局图上渲染与所述布局区域对应的图形元素;
当在所述数据展示界面侦测到触发操作时,根据所述触发操作对应位置,确定触发的目标图形元素;
根据所述图形元素与展示数据的关联关系,查找并展示与所述目标图形元素关联的目标展示数据。
2.根据权利要求1所述的方法,其特征在于,所述在进入数据展示界面时,还包括:
加载所述图形元素的图形绘制路径;
所述根据所述图形元素在所述布局图中的相对位置信息,在所述布局图上渲染与所述布局区域对应的图形元素包括:
根据图形元素在所述布局图中的相对位置信息以及所述图形元素的图形绘制路径,在所述布局图上渲染与所述布局区域对应的图形元素。
3.根据权利要求1所述的方法,其特征在于,所述根据所述图形元素在所述布局图中的相对位置信息,在所述布局图上渲染与所述布局区域对应的图形元素包括:
根据所述图形元素与展示数据的关联关系,得到各所述布局区域对应的展示数据;
根据所述展示数据所属的数据类别以及所述数据类别对应的展示样式,确定所述图形元素的展示样式;
根据所述图形元素在所述布局图中的相对位置信息,在所述布局图上按所述展示样式渲染与所述布局区域对应的图形元素。
4.根据权利要求1所述的方法,其特征在于,所述目标图形元素的数量不小于两个;
所述根据所述图形元素与展示数据的关联关系,查找并展示与所述目标图形元素关联的目标展示数据包括:
根据所述图形元素与展示数据的关联关系,查找与所述目标图形元素关联的目标展示数据;
对所述目标展示数据进行统计,展示统计结果。
5.根据权利要求1所述的方法,其特征在于,所述在进入数据展示界面时,加载待展示的布局图的网络地址、图形元素在所述布局图中的相对位置信息以及所述图形元素与展示数据的关联关系之前,还包括:
在进入预设的图形编辑界面时,加载预先配置的待关联的展示数据,并获取上传的布局图;
响应对所述布局图中的布局区域的图形绘制操作,得到与所述布局区域对应的图形元素,确定所述图形元素在所述布局图中的相对位置信息;
响应对所述图形元素的选中操作,推送包含所述待关联的展示数据的页面;
当侦测到对所述页面中的待关联的展示数据的选中操作时,建立选中的图形元素与选中的展示数据的关联关系;
获取所述布局图的网络地址,将所述网络地址、所述图形元素在所述布局图中的相对位置信息以及建立的关联关系进行关联存储。
6.根据权利要求5所述的方法,其特征在于,所述响应对所述布局图中的布局区域的图形绘制操作,得到与所述布局区域对应的图形元素,确定所述图形元素在所述布局图中的相对位置信息包括:
监听基于所述布局区域的形状和尺寸进行图形绘制的键鼠事件,确定绘制的图像元素,其中,所述键鼠事件包括图形绘制、图形移动、图形缩放、图形旋转、图形对齐、图形复制、图形粘贴以及图形批量生成中的至少一种;
根据所述图像元素的坐标信息,确定所述图形元素在所述布局图中的相对位置信息。
7.根据权利要求6所述的方法,其特征在于,所述监听基于所述布局区域的形状和尺寸进行图形绘制的键鼠事件,确定绘制的图像元素包括:
响应选择绘图工具的键鼠事件,确定选择的绘图工具,所述绘图工具为规则图形绘制工具和非规则图形绘制工具中的任意一种;
监听基于所述布局区域的形状和尺寸以及所述绘图工具的图形绘制键鼠事件;
基于所述图形绘制键鼠事件,得到XML格式定义的图形绘制路径;
根据所述图形绘制路径,得到所述图像元素。
8.一种数据展示装置,其特征在于,所述装置包括:
数据加载模块,用于在进入数据展示界面时,加载待展示的布局图的网络地址、图形元素在所述布局图中的相对位置信息以及所述图形元素与展示数据的关联关系,所述图形元素用于表征所述布局图中的布局区域,所述展示数据为所述布局区域的关联数据;
图形渲染模块,用于基于所述网络地址,将所述布局图加载并展示至所述数据展示界面,并根据所述图形元素在所述布局图中的相对位置信息,在所述布局图上渲染与所述布局区域对应的图形元素;
触发响应模块,用于当在所述数据展示界面侦测到触发操作时,根据所述触发操作对应位置,确定触发的目标图形元素;
数据展示模块,用于根据所述图形元素与展示数据的关联关系,查找并展示与所述目标图形元素关联的目标展示数据。
9.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述的方法的步骤。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011630023.2A CN112612989A (zh) | 2020-12-30 | 2020-12-30 | 数据展示方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011630023.2A CN112612989A (zh) | 2020-12-30 | 2020-12-30 | 数据展示方法、装置、计算机设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112612989A true CN112612989A (zh) | 2021-04-06 |
Family
ID=75253164
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011630023.2A Pending CN112612989A (zh) | 2020-12-30 | 2020-12-30 | 数据展示方法、装置、计算机设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112612989A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113590859A (zh) * | 2021-08-05 | 2021-11-02 | 深圳须弥云图空间科技有限公司 | 用于建筑平面图展示的方法及相关设备 |
CN115130993A (zh) * | 2022-07-01 | 2022-09-30 | 江苏海洋大学 | 一种自动绘制高校课程开设关系拓扑结构图的方法 |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104765843A (zh) * | 2015-04-16 | 2015-07-08 | 国家电网公司 | 一种用于电力实时监控***的图形界面控制方法 |
CN106228588A (zh) * | 2016-07-20 | 2016-12-14 | 东方网力科技股份有限公司 | 基于大数据的图形热点创建方法及装置 |
CN106599009A (zh) * | 2015-10-20 | 2017-04-26 | 北京国双科技有限公司 | 一种地图数据的显示方法及装置 |
US20170215041A1 (en) * | 2016-01-22 | 2017-07-27 | Academia Sinica | Building design information based indoor positioning system |
CN108021539A (zh) * | 2016-11-03 | 2018-05-11 | 北京国双科技有限公司 | 数据的展示方法及装置 |
CN109814847A (zh) * | 2019-02-18 | 2019-05-28 | 安徽典典科技发展有限责任公司 | 矢量图组态服务中的元件格式元素 |
CN109857919A (zh) * | 2019-01-17 | 2019-06-07 | 珠海市纳思特科技有限公司 | 一种svg图形绘制及数据展示交互***和方法 |
CN110245180A (zh) * | 2019-06-14 | 2019-09-17 | 北京阿尔山金融科技有限公司 | 数据可视化展示方法和*** |
CN111833454A (zh) * | 2020-06-30 | 2020-10-27 | 北京市商汤科技开发有限公司 | 展示方法、装置、设备和计算机可读存储介质 |
-
2020
- 2020-12-30 CN CN202011630023.2A patent/CN112612989A/zh active Pending
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104765843A (zh) * | 2015-04-16 | 2015-07-08 | 国家电网公司 | 一种用于电力实时监控***的图形界面控制方法 |
CN106599009A (zh) * | 2015-10-20 | 2017-04-26 | 北京国双科技有限公司 | 一种地图数据的显示方法及装置 |
US20170215041A1 (en) * | 2016-01-22 | 2017-07-27 | Academia Sinica | Building design information based indoor positioning system |
CN106228588A (zh) * | 2016-07-20 | 2016-12-14 | 东方网力科技股份有限公司 | 基于大数据的图形热点创建方法及装置 |
CN108021539A (zh) * | 2016-11-03 | 2018-05-11 | 北京国双科技有限公司 | 数据的展示方法及装置 |
CN109857919A (zh) * | 2019-01-17 | 2019-06-07 | 珠海市纳思特科技有限公司 | 一种svg图形绘制及数据展示交互***和方法 |
CN109814847A (zh) * | 2019-02-18 | 2019-05-28 | 安徽典典科技发展有限责任公司 | 矢量图组态服务中的元件格式元素 |
CN110245180A (zh) * | 2019-06-14 | 2019-09-17 | 北京阿尔山金融科技有限公司 | 数据可视化展示方法和*** |
CN111833454A (zh) * | 2020-06-30 | 2020-10-27 | 北京市商汤科技开发有限公司 | 展示方法、装置、设备和计算机可读存储介质 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113590859A (zh) * | 2021-08-05 | 2021-11-02 | 深圳须弥云图空间科技有限公司 | 用于建筑平面图展示的方法及相关设备 |
CN115130993A (zh) * | 2022-07-01 | 2022-09-30 | 江苏海洋大学 | 一种自动绘制高校课程开设关系拓扑结构图的方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11042278B2 (en) | Providing graphical indication of label boundaries in digital maps | |
US8640042B2 (en) | Image display tabs for accessing related information | |
US10031928B2 (en) | Display, visualization, and management of images based on content analytics | |
US8294710B2 (en) | Extensible map with pluggable modes | |
US12020311B2 (en) | Systems and methods for product visualization using a single-page application | |
WO2023071861A1 (zh) | 数据可视化展示方法、装置、计算机设备和存储介质 | |
CN111596911B (zh) | 生成控件的方法、装置、计算机设备和存储介质 | |
CN112612989A (zh) | 数据展示方法、装置、计算机设备和存储介质 | |
CN114357345A (zh) | 图片处理方法、装置、电子设备及计算机可读存储介质 | |
US20220189075A1 (en) | Augmented Reality Display Of Commercial And Residential Features During In-Person Real Estate Showings/Open Houses and Vacation Rental Stays | |
CN108027934A (zh) | 检测资源上的内容项槽位中的内容项的可见性 | |
US10289388B2 (en) | Process visualization toolkit | |
US10782850B2 (en) | User interface and a method for searching a model | |
CN110990106A (zh) | 数据展示方法、装置、计算机设备及存储介质 | |
KR20200094637A (ko) | 오브젝트 집합의 시각적 표현을 제공하는 방법, 장치, 기기 및 저장 매체 | |
JP6423933B2 (ja) | 情報処理装置、帳票管理システム、帳票管理サーバ、情報処理方法、及びそのプログラム | |
US20200226833A1 (en) | A method and system for providing a user interface for a 3d environment | |
CN113947450A (zh) | 一种座位图的渲染方法、编辑方法、装置及终端设备 | |
CN111489443A (zh) | 工地施工场景三维可视化方法及装置 | |
CN114117161A (zh) | 展示方法及装置 | |
WO2018186571A1 (ko) | 이미지 뷰어에 의해 맵핑된 동적 태그를 이용한 디지털 콘텐츠 처리 시스템 및 방법 | |
CN115205482A (zh) | 一种商业场景要素信息展示方法、***及电子设备 | |
CN115063192A (zh) | 基于gis和vr的商品索引方法、***、设备及介质 | |
CN114528614A (zh) | 展示方法、装置及存储介质 | |
CN116319391A (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 |