数据展示方法、装置、计算机设备和存储介质制造方法及图纸

本申请涉及一种数据展示方法、装置、计算机设备和存储介质。方法包括在进入数据展示界面时，加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系，图形元素用于表征布局图中的布局区域，展示数据为布局区域的关联数据；基于网络地址，将布局图加载并展示至数据展示界面，并根据图形元素在布局图中的相对位置信息，在布局图上渲染与布局区域对应的图形元素；当在数据展示界面侦测到触发操作时，根据触发操作对应位置，确定触发的目标图形元素；根据图形元素与展示数据的关联关系，查找并展示与目标图形元素关联的目标展示数据。在实现数据快速便捷展示的同时，能够便于后续对展示数据进行维护。

【技术实现步骤摘要】
数据展示方法、装置、计算机设备和存储介质
本申请涉及数据处理
，特别是涉及一种数据展示方法、装置、计算机设备和存储介质。
技术介绍
随着信息技术的发展，信息的直观展示已然成为人们追求的目标。以房地产行业为例，房地产或其他地产开发商开发某个楼盘或项目的时候，进行到房屋租售环节的时候，希望能清晰直观的了解楼盘或项目当前的租售情况。目前的信息展示方式一般都是通过预先绘制好的布局图来进行信息的展示，这种信息展示方式可以快速展示数据，但是能够展示的信息量有限，当需要对展示的数据进行更新修改时，修改需要基于整个布局图的调整修改实现，导致展示数据的维护难度大。
技术实现思路
基于此，有必要针对上述技术问题，提供一种能够实现数据快速便捷展示的同时便于进行维护的数据展示方法、装置、计算机设备和存储介质。一种数据展示方法，其特征在于，方法包括：在进入数据展示界面时，加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系，图形元素用于表征布局图中的布局区域，展示数据为布局区域的关联数据；基于网络地址，将布局图加载并展示至数据展示界面，并根据图形元素在布局图中的相对位置信息，在布局图上渲染与布局区域对应的图形元素；当在数据展示界面侦测到触发操作时，根据触发操作对应位置，确定触发的目标图形元素；根据图形元素与展示数据的关联关系，查找并展示与目标图形元素关联的目标展示数据。在其中一个实施例中，在进入数据展示界面时，还包括：<br>加载图形元素的图形绘制路径；根据图形元素在布局图中的相对位置信息，在布局图上渲染与布局区域对应的图形元素包括：根据图形元素在布局图中的相对位置信息以及图形元素的图形绘制路径，在布局图上渲染与布局区域对应的图形元素。在其中一个实施例中，根据图形元素在布局图中的相对位置信息，在布局图上渲染与布局区域对应的图形元素包括：根据图形元素与展示数据的关联关系，得到各布局区域对应的展示数据；根据展示数据所属的数据类别以及数据类别对应的展示样式，确定图形元素的展示样式；根据图形元素在布局图中的相对位置信息，在布局图上按展示样式渲染与布局区域对应的图形元素。在其中一个实施例中，目标图形元素的数量不小于两个；根据图形元素与展示数据的关联关系，查找并展示与目标图形元素关联的目标展示数据包括：根据图形元素与展示数据的关联关系，查找与目标图形元素关联的目标展示数据；对目标展示数据进行统计，展示统计结果。在其中一个实施例中，在进入数据展示界面时，加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系之前，还包括：在进入预设的图形编辑界面时，加载预先配置的待关联的展示数据，并获取上传的布局图；响应对布局图中的布局区域的图形绘制操作，得到与布局区域对应的图形元素，确定图形元素在布局图中的相对位置信息；响应对图形元素的选中操作，推送包含待关联的展示数据的页面；当侦测到对页面中的待关联的展示数据的选中操作时，建立选中的图形元素与选中的展示数据的关联关系；获取布局图的网络地址，将网络地址、图形元素在布局图中的相对位置信息以及建立的关联关系进行关联存储。在其中一个实施例中，响应对布局图中的布局区域的图形绘制操作，得到与布局区域对应的图形元素，确定图形元素在布局图中的相对位置信息包括：监听基于布局区域的形状和尺寸进行图形绘制的键鼠事件，确定绘制的图像元素，其中，键鼠事件包括图形绘制、图形移动、图形缩放、图形旋转、图形对齐、图形复制、图形粘贴以及图形批量生成中的至少一种；根据图像元素的坐标信息，确定图形元素在布局图中的相对位置信息。在其中一个实施例中，监听基于布局区域的形状和尺寸进行图形绘制的键鼠事件，确定绘制的图像元素包括：响应选择绘图工具的键鼠事件，确定选择的绘图工具，绘图工具为规则图形绘制工具和非规则图形绘制工具中的任意一种；监听基于布局区域的形状和尺寸以及绘图工具的图形绘制键鼠事件；基于图形绘制键鼠事件，得到XML格式定义的图形绘制路径；根据图形绘制路径，得到图像元素。一种数据展示装置，装置包括：数据加载模块，用于在进入数据展示界面时，加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系，图形元素用于表征布局图中的布局区域，展示数据为布局区域的关联数据；图形渲染模块，用于基于网络地址，将布局图加载并展示至数据展示界面，并根据图形元素在布局图中的相对位置信息，在布局图上渲染与布局区域对应的图形元素；触发响应模块，用于当在数据展示界面侦测到触发操作时，根据触发操作对应位置，确定触发的目标图形元素；数据展示模块，用于根据图形元素与展示数据的关联关系，查找并展示与目标图形元素关联的目标展示数据。一种计算机设备，包括存储器和处理器，存储器存储有计算机程序，处理器执行计算机程序时实现以下步骤：在进入数据展示界面时，加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系，图形元素用于表征布局图中的布局区域，展示数据为布局区域的关联数据；基于网络地址，将布局图加载并展示至数据展示界面，并根据图形元素在布局图中的相对位置信息，在布局图上渲染与布局区域对应的图形元素；当在数据展示界面侦测到触发操作时，根据触发操作对应位置，确定触发的目标图形元素；根据图形元素与展示数据的关联关系，查找并展示与目标图形元素关联的目标展示数据。一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：在进入数据展示界面时，加载待展示的布局图的网络地址、图形元素在布局图中的相对位置信息以及图形元素与展示数据的关联关系，图形元素用于表征布局图中的布局区域，展示数据为布局区域的关联数据；基于网络地址，将布局图加载并展示至数据展示界面，并根据图形元素在布局图中的相对位置信息，在布局图上渲染与布局区域对应的图形元素；当在数据展示界面侦测到触发操作时，根据触发操作对应位置，确定触发的目标图形元素；根据图形元素与展示数据的关联关系，查找并展示与目标图形元素关联的目标展示数据。上述数据展示方法、装置、计算机设备和存储介质，通过将待展示的布局图和展示数据进行拆解，通过图形元素进行数据信息的关联，实现了布局图中各个布局区域与对应展示数据的解耦，在进入数据展示界面时，加载拆解后的各项数据，基于网络地址加载布局图并在布局图上渲染与布局区域对应的图形元素，根据触发操作，查找并展示对应的展示数据，通过不同的图层的渲染，在不对原有布局图进行修改的前提下，便于实现具有与之对应的展示数据的触发展示，在实现数据快速便捷展示的同时，能够便于后续对展示数据进行维护。附图说本文档来自技高网...

【技术保护点】
1.一种数据展示方法，其特征在于，所述方法包括：/n在进入数据展示界面时，加载待展示的布局图的网络地址、图形元素在所述布局图中的相对位置信息以及所述图形元素与展示数据的关联关系，所述图形元素用于表征所述布局图中的布局区域，所述展示数据为所述布局区域的关联数据；/n基于所述网络地址，将所述布局图加载并展示至所述数据展示界面，并根据所述图形元素在所述布局图中的相对位置信息，在所述布局图上渲染与所述布局区域对应的图形元素；/n当在所述数据展示界面侦测到触发操作时，根据所述触发操作对应位置，确定触发的目标图形元素；/n根据所述图形元素与展示数据的关联关系，查找并展示与所述目标图形元素关联的目标展示数据。/n

【技术特征摘要】
1.一种数据展示方法，其特征在于，所述方法包括：
在进入数据展示界面时，加载待展示的布局图的网络地址、图形元素在所述布局图中的相对位置信息以及所述图形元素与展示数据的关联关系，所述图形元素用于表征所述布局图中的布局区域，所述展示数据为所述布局区域的关联数据；
基于所述网络地址，将所述布局图加载并展示至所述数据展示界面，并根据所述图形元素在所述布局图中的相对位置信息，在所述布局图上渲染与所述布局区域对应的图形元素；
当在所述数据展示界面侦测到触发操作时，根据所述触发操作对应位置，确定触发的目标图形元素；
根据所述图形元素与展示数据的关联关系，查找并展示与所述目标图形元素关联的目标展示数据。


2.根据权利要求1所述的方法，其特征在于，所述在进入数据展示界面时，还包括：
加载所述图形元素的图形绘制路径；
所述根据所述图形元素在所述布局图中的相对位置信息，在所述布局图上渲染与所述布局区域对应的图形元素包括：
根据图形元素在所述布局图中的相对位置信息以及所述图形元素的图形绘制路径，在所述布局图上渲染与所述布局区域对应的图形元素。


3.根据权利要求1所述的方法，其特征在于，所述根据所述图形元素在所述布局图中的相对位置信息，在所述布局图上渲染与所述布局区域对应的图形元素包括：
根据所述图形元素与展示数据的关联关系，得到各所述布局区域对应的展示数据；
根据所述展示数据所属的数据类别以及所述数据类别对应的展示样式，确定所述图形元素的展示样式；
根据所述图形元素在所述布局图中的相对位置信息，在所述布局图上按所述展示样式渲染与所述布局区域对应的图形元素。


4.根据权利要求1所述的方法，其特征在于，所述目标图形元素的数量不小于两个；
所述根据所述图形元素与展示数据的关联关系，查找并展示与所述目标图形元素关联的目标展示数据包括：
根据所述图形元素与展示数据的关联关系，查找与所述目标图形元素关联的目标展示数据；
对所述目标展示数据进行统计，展示统计结果。


5.根据权利要求1所述的方法，其特征在于，所述在进入数据展示界面时，加载待展示的布局图的网络地址、图形元素在所述布局图中的相对位置信息以及所述图形元素与展示数据的关联关系之前，还包括：
在进入预设的图形编辑界面时，加载预先配置的待关联的展示数据，并获取上传的布局图；
响应对所述布局图中的布局区域的图形绘制操作，得到与所述布局区域对应的图形元素，确定所述图形元素在所述布局图中的相对位置信息；
响应对所述图形元素的选中操作...

【专利技术属性】
技术研发人员：吴峰，陈斌，邓卓鹏，
申请(专利权)人：深圳我家云网络科技有限公司，
类型：发明
国别省市：广东;44