CN113010829B - 一种数据分区可视化方法、装置、计算机设备及存储介质 - Google Patents
一种数据分区可视化方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN113010829B CN113010829B CN202110345552.6A CN202110345552A CN113010829B CN 113010829 B CN113010829 B CN 113010829B CN 202110345552 A CN202110345552 A CN 202110345552A CN 113010829 B CN113010829 B CN 113010829B
- Authority
- CN
- China
- Prior art keywords
- area
- event
- sub
- preset
- 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.)
- Active
Links
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
-
- 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/957—Browsing optimisation, e.g. caching or content distillation
-
- 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—Systems or methods specially adapted for specific business sectors, e.g. utilities or tourism
- G06Q50/10—Services
- G06Q50/14—Travel agencies
Abstract
本文提供了一种数据分区可视化方法、装置、计算机设备及存储介质,涉及大数据领域,其中,方法包括:获取预定区域的地图数据及预定区域中各子区域内各类事件的动态数据;根据预定区域中各子区域内各类事件的动态数据,计算预定区域中各子区域内各类事件的预定参数值;根据预定区域中各子区域内各类事件的预定参数值及所述预定区域的地图数据,按预先设计的页面布局,建立各类事件的统计页面;滚动显示各类事件的统计页面。本文能够便于运营人员监控各分区事件情况,且有利于运营人员督促各分区机构按要求响应事件。
Description
技术领域
本文涉及大数据领域,尤其涉及一种数据分区可视化方法、装置、计算机设备及存储介质。
背景技术
现有技术中,对于不动产抵押登记、签约、直连区域等事件的分析结果均是通过数据表格的形式或单一类型事件结果的图形展示方式,未见对多类事件数据从不同维度的分区可视化展示方案。现有技术中数据表格的形式或单一类型事件结果的图形展示方式不利于多类事件分析结果的监控及不利于运营人员督促各分区机构落实事件的处理要求。
发明内容
本文用于解决现有技术中,多类事件分析结果的获取存在不利于监控及不利于运营人员督促各分区机构按要求处理事件。
为了解决上述技术问题,本文的第一方面提供一种数据分区可视化方法,包括:
获取预定区域的地图数据及预定区域中各子区域内各类事件动态数据;
根据预定区域中各子区域内各类事件动态数据,计算预定区域中各子区域内各类事件的预定参数值;
根据预定区域中各子区域内各类事件的预定参数值及所述预定区域的地图数据,按预先设计的页面布局,建立各类事件的统计页面;
滚动显示各类事件的统计页面。
本文进一步实施例中,所述各类事件动态数据包括:不动产签约地区动态数据、不动产抵押登记地区动态数据及不动产系统直连地区动态数据,其中,地区为子区域下属的分区。
本文进一步实施例中,所述预定参数值包括:所述预定参数值包括:各子区域内各类事件完成量和/或各子区域内各类事件的完成率。
本文进一步实施例中,所述预先设计的页面布局包括:一类事件的预定参数值的热力图。
本文进一步实施例中,对于每一类事件,根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,按预先设计的页面布局,建立该类事件的统计页面,包括:
根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,生成该类事件的热力图;
根据该类事件的热力图,建立该类事件的统计页面。
本文进一步实施例中,根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,生成该类事件的热力图,包括:
根据所述预定区域的地图数据,利用ECharts绘制预定区域地图轮廓;
根据所述预定区域地图轮廓及预定区域中各子区域内该类事件的预定参数值,利用ECharts绘制该类事件的热力图。
本文进一步实施例中,根据所述预定区域的地图数据,利用ECharts绘制预定区域地图轮廓,包括:
将所述预定区域的地图数据转换为geoJSON格式的地图数据;
根据geoJSON格式的地图数据,利用ECharts绘制预定区域地图轮廓。
本文进一步实施例中,根据所述预定区域地图轮廓及预定区域中各子区域内该类事件的预定参数值,利用ECharts绘制该类事件的热力图,包括:
根据所述预定区域中各子区域内该类事件的预定参数值,利用ECharts按该类事件热力图配置信息在预定区域地图轮廓中进行渲染,从而得到该类事件的热力图。
本文进一步实施例中,各类事件热力图配置信息包括:子区域的地图颜色与各类事件的预定参数值之间的映射关系、子区域内事件位置展示形式。
本文进一步实施例中,所述各类事件的页面布局还包括:各类事件对至少一预定参数的排名柱状图;
对于每一类事件,根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,按预先设计的页面布局,建立该类事件的统计页面,包括:
根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,生成该类事件的热力图;
按预定区域中各子区域内该类事件的至少一预定参数值,对子区域进行排名,得到该类事件对应的子区域的排名情况;
根据该类事件对应的子区域的排名情况,绘制该类事件对应的子区域排名柱状图;
根据该类事件的热力图及该类事件对应的子区域排名柱状图,建立该类事件的统计页面。
本文进一步实施例中,根据该类事件对应的子区域的排名情况,绘制该类事件对应的子区域排名柱状图,包括:
根据该类事件对应的子区域的排名情况,依据柱状图的轮播展示配置信息,绘制该类事件对应的子区域排名柱状图。
本文进一步实施例中,数据分区可视化方法还包括:
对于每一类事件的统计页面,在该类事件的统计页面中的各子区域绑定点击操作,其中,所述点击操作用于至少触发显示子区域内该类事件的预定参数值。
本文的第二方面提供一种数据分区可视化装置,包括:
采集模块,用于获取预定区域的地图数据及预定区域中各子区域内各类事件动态数据;
分析模块,用于根据预定区域中各子区域内各类事件动态数据,计算预定区域中各子区域内各类事件的预定参数值;
可视化模块,用于根据预定区域中各子区域内各类事件的预定参数值及所述预定区域的地图数据,按预先设计的页面布局,建立各类事件的统计页面;
显示模块,用于滚动显示各类事件的统计页面。
本文的第三方面提供一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现前述任一项所述的数据分区可视化方法。
本文的第四方面提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现前述任一项所述的数据分区可视化方法。
本文提供的数据分区可视化方法及装置,通过获取预定区域的地图数据及预定区域中各子区域内各类事件动态数据;根据预定区域中各子区域内各类事件动态数据,计算预定区域中各子区域内各类事件的预定参数值;根据预定区域中各子区域内各类事件的预定参数值及所述预定区域的地图数据,按预先设计的页面布局,建立各类事件的统计页面;滚动显示各类事件的统计页面,能够实现各子区域事件情况动态展示,从而推进了“互联网+事件”业务,便于运营人员监控各分区事件情况且有利于运营人员督促各分区机构按要求响应事件。
为让本文的上述和其他目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附图式,作详细说明如下。
附图说明
为了更清楚地说明本文实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本文的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1示出了本文实施例数据分区可视化方法的流程图;
图2示出了本文实施例各类事件统计页面建立过程的第一流程图;
图3示出了本文实施例事件热力图生成过程的流程图;
图4示出了本文实施例页面布局示意图;
图5示出了本文实施例各类事件统计页面建立过程的第二流程图;
图6示出了本文实施例子区域内事件预定参数值页面的示意图;
图7示出了本文实施例数据分区可视化装置的结构图;
图8示出了本文实施例计算机设备的结构图。
附图符号说明:
710、采集模块;
720、分析模块;
730、可视化模块;
740、显示模块;
802、计算机设备;
804、处理器;
806、存储器;
808、驱动机构;
810、输入/输出模块;
812、输入设备;
814、输出设备;
816、呈现设备;
818、图形用户接口;
820、网络接口;
822、通信链路;
824、通信总线。
具体实施方式
下面将结合本文实施例中的附图,对本文实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本文一部分实施例,而不是全部的实施例。基于本文中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本文保护的范围。
本文一实施例中,如图1所示,提供一种数据分区可视化方法,该方法可以运行于智能终端,包括智能手机、平板电脑、台式计算机等,还可以为单独的应用程序、内嵌于其他程序中的小程序等,或者也可以为网页形式等,本文对具体实现方式不做限定。该方法用于解决现有技术中通过数据表格的形式或单一类型事件结果的图形展示方式,存在不利于多类事件分析结果的监控及不利于运营人员督促各分区机构落实事件的处理要求的问题。具体的,本文提供的数据分区可视化方法包括:
步骤110,获取预定区域的地图数据及预定区域中各子区域内各类事件的动态数据;
步骤120,根据预定区域中各子区域内各类事件的动态数据,计算预定区域中各子区域内各类事件的预定参数值;
步骤130,根据预定区域中各子区域内各类事件的预定参数值及所述预定区域的地图数据,按预先设计的页面布局,建立各类事件的统计页面;
步骤140,滚动显示各类事件的统计页面。
详细的说,本文可应用于包含多个区域的多类事件动态数据的应用场景,例如银行对不动产抵押登记、签约及直连地区统计场景,银行对不同区域分行内各类交易量等事件统计的场景等,本文对具体应用场景不作限定。本文所述的事件可以理解为待推广的策略,可由人工根据实际需求进行定义。
本文所述的预定区域为待分析的整片区域,例如为一个国家的区域,子区域可根据行政区域对预定区域进行划分,包括但不限于省、地级市(自治州、盟)等。
以银行对不动产抵押登记、签约及直连地区统计场景为例,各类事件包括:不动产签约地区事件、不动产抵押登记地区事件及不动产系统直连地区事件。预定参数值包括但不限于:各子区域内各类事件的完成量和/或各子区域内各类事件的完成率。具体实施时,预定参数值还包括:各子区域包含的地区量。其中,不动产签约地区事件及不动产抵押登记地区事件为第三方事件,可通过数据接口链接不动产签约及抵押登记系统数据库获取。不动产系统直连地区事件指的是银行系统与不动产中心(包括但不限于签约中心及抵押中心)直连情况。各子区域内各类事件的完成量包括各子区域内不动产签约地区量、不动产抵押地区量及不动产直连的地区量。其中,该地区为子区域下属的分区,一些具体实施方式中,子区域指的是省范围内或城市上一级范围内的区域,地区指的是城市范围的地区。各子区域内各类事件的完成率包括各子区域内不动产签约、抵押登记及直连的地区数占子区域中总地区数的百分比。
各类事件的统计页面布局相同,不同之处在于各类事件的预定参数具体值不同,具体实施,页面布局可通过HTML+Css开发页面。
其中,HTML的英文全称是Hyper Text Marked Language,即超文本标记语言。HTML是由Web的发明者Tim Berners-Lee和同事Daniel W.Connolly于1990年创立的一种标记语言,它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,Windows等)。使用HTML语言,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件“翻译”成可以识别的信息,即现在所见到的网页。
Css的英文全称是Cascading Style Sheets,即层叠样式表,是一种用来表现HTML(标准通用标记语言的一个应用或XML)等文件样式的计算机语言。Css不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
预先设计的页面布局至少包括:至少一类事件的预定参数值的热力图。本文通过热力图的方式能够直观有效的展示出各子区域各类事件完成情况。具体实施时,热力图一般使用具备显著颜色差异的方式来呈现数据效果,热力图中亮色一般代表事件发生频率较高或事件分布密度较大,暗色则反之。对于银行对不动产签约、抵押登记、直连地区统计场景为例,建立的各类事件统计页面包括:不动产登记地区统计页面、不动产抵押地区统计页面及不动产直连地区统计页面。具体实施时,预先设计的页面布局还包括:事件名称。
本实施例通过获取预定区域的地图数据及预定区域中各子区域内各类事件的动态数据;根据预定区域中各子区域内各类事件的动态数据,计算预定区域中各子区域内各类事件的预定参数值;根据预定区域中各子区域内各类事件的预定参数值及所述预定区域的地图数据,按预先设计的页面布局,建立各类事件的统计页面;滚动显示各类事件的统计页面,能够实现各子区域事件情况动态展示,从而推进了“互联网+事件”业务,便于运营人员监控各分区事件情况且有利于运营人员督促各分区机构按要求响应事件。
本文一实施例中,如图2所示,上述步骤130中对于每一类事件,根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,按预先设计的页面布局,建立该类事件的统计页面,包括:
步骤210,根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,生成该类事件的热力图;
步骤220,根据该类事件的热力图,建立该类事件的统计页面。
其中,步骤210执行时,可利用现有软件实现,例如ECharts(Enterprise Charts,商业级数据图表),ECharts具有如下特点:1)属于开源的数据可视化工具,一个纯Javascript的图表库,能够在PC端和移动设备上流畅运行,并且能够提供非常炫酷的图形页面,特色地图,柱状图、折线图、饼图、气泡图及四象限图等;2)使用简单,具有封装的js,会调用就可以得到完美的展示效果;3)ECharts种类多,ECharts实现简单,各类图形都有;相应的模板,还有丰富的API及文档说明,非常详细;4)ECharts兼容性好,基于HTML5,有着良好的动画渲染效果。
具体的,如图3所示,上述步骤210中根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,生成该类事件的热力图,包括:
步骤211,根据所述预定区域的地图数据,利用ECharts绘制预定区域地图轮廓;
步骤212,根据所述预定区域地图轮廓及预定区域中各子区域内该类事件的预定参数值,利用ECharts绘制该类事件的热力图。
在步骤211执行之前,需先利用Ajax调取geoJSON格式的地图数据。
其中,Ajax的全称Asynchronous Javascript And Xml,使用js提供的异步对象(XMLHttpRequest),异步的向服务器发送请求,并接受响应数据(数据格式是Xml或者JSON。Ajax请求中,服务器响应回来的数据部分数据而不是完整的页面,Ajax最大的优点就是能在不刷新整个页面的情况下维持与服务器通信。
GeoJSON是一种对各种地理数据结构进行编码的格式。GeoJSON对象可以表示几何、特征或者特征集合。GeoJSON支持下面几何类型:点、线、面、多点、多线、多面和几何集合。GeoJSON里的特征包含一个几何对象和其他属性,特征集合表示一系列特征。
具体的,步骤211可先将预定区域中各子区域内各类事件的预定参数值依次排列在fun_obj的数组,通过echarts中的getDataSign()算法就能获取各类事件的预定参数值,以银行对不动产签约、抵押登记及直连地区统计场景为例,调取程序如下:
var fun_obj=[
function getDataSign()…{获取不动产签约地区动态数据},
function getDataSign()…{获取不动产签约城市动态数据},
function getDataSign()…{获取签约城市动态数据},
]
然后,使用document.getElementById(‘需要绘制地图的盒子的id属性值’)获取到地图元素,再使用echarts.init(地图元素)方法初始化一个echarts实例。
最后,在option.geo中配置name等于map,map等于待绘制地图名称。
在步骤212中,根据所述预定区域中各子区域内该类事件的预定参数值,利用ECharts中的visualMap组件按该类事件热力图配置信息在预定区域地图轮廓中进行渲染,从而得到该类事件的热力图。其中,各类事件热力图配置信息包括:子区域的地图颜色与各类事件的预定参数值之间的映射关系、子区域内事件位置展示形式。
以银行对不动产签约、抵押登记及直连地区统计场景为例。不动产签约地区统计页面中地图颜色由蓝到黄,对应签约率由高到低。不动产签约地区统计页面中,地图中已签约城市用星光图展示,给visualMap组件的地图配置项option中的series中添加type属性,将其设置为scatter(散点图),symbol设置自定义图片星图路径,coordinateSystem设置参考坐标系为geo(地图),请求接口得到已签约的城市,根据城市获取已签约城市的经纬度,将数据series[1]该项的data。具体实现程序例如为:
不动产抵押登记地区统计页面中地图颜色由蓝到黄,对应抵押登记率由高到低,在不动产抵押登记地区统计页面中,地图中已抵押登记的城市插入小气球。具体实现方式参考不动产签约地区统计页面的实施。
不动产直连地区统计页面中地图颜色由蓝到黄,对应直连率由高到低,在不动产直连地区统计页面中,地图中已直连城市插入小红旗。具体实现方式参考不动产签约地区统计页面的实施。
本文一实施例中,所述各类事件的页面布局除了包括一类事件的预定参数值的热力图外,还包括:事件的预定参数的排名柱状图。实施时,可将事件预定参数值的热力图布置于页面左侧,预定参数的排名柱状图布置于页面右侧。
进一步的,如图5所示,上述步骤130中对于每一类事件,根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,按预先设计的页面布局,得到该类事件的统计页面,包括:
步骤510,根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,得到该类事件的热力图;
步骤520,按预定区域中各子区域内该类事件的至少一预定参数值,对子区域进行排名,得到该类事件对应的子区域的排名情况;
步骤530,根据该类事件对应的子区域的排名情况,绘制该类事件对应的子区域排名柱状图;
步骤540,根据该类事件的热力图及该类事件对应的子区域排名柱状图,建立该类事件的统计页面。
详细的说,步骤510的实施参考前述步骤210,此处不再详述。
在步骤520中,事件对应的子区域的排名情况可从高到低的顺序进行排名,排名越靠前,对应的柱长越长,排名越靠后,对应的柱长越短。
以银行对不动产签约地区统计场景为例。具体实施时,可利用echarts软件中的getDataSign()算法获取所有一级分行的签约数据,后端获取的数据包含了(每个分行的签约率,签约城市数,分行排名),需要使用数组的sort方法对数据进行降序排序(签约率越高排名顺序越靠前),实现排序的方法,需要进行排序数据(数据为数组类型).sort(处理排序规则的函数)排序(改变原数组),传入一个函数,有2个参数,a和b,如果想要升序返回a-b想要降序返回b-a。本页面我们只需要根据分行排名将数据进行升序排序。具体实施,排序的代码例如为:
>let arr=[100,30,290,80,90]
<underfined
>arr,sort((a,b)=>b-a)
<(S)[290,100,90.80,30]
>
一些实施方式中,在步骤530中,可根据步骤520得到的排名对其余预定参数值进行排名,在子区域排名柱状图中同时显示个子区域对应预定参数值的排名。如图4所示,分行排名对应的名次显示在柱子正前方,分行名称在显示在柱子的左上方,签约城市数显示在柱子的正后方,签约率显示在签约城市数后面。
其余实施方式中,在步骤530中,根据该类事件对应的子区域的排名情况,绘制该类事件对应的子区域排名柱状图实施的具体过程包括:根据该类事件对应的子区域的排名情况,根据柱状图的轮播展示配置信息,绘制该类事件对应的子区域排名柱状图。具体的,柱状图的轮播展示配置信息包括:柱状图展示页数、每页展示条数、轮播时间设置。步骤530的具体实施过程包括:
1)使用echarts.dataZoom(数据区域缩放组件),设置一个柱状图轮播页数的全局变量。根据柱状图轮播页数设dataZoom.startValue(可视区域的开始位置),设置dataZoom.endValue(可视区域的结束位置);
2)使用echarts.setOption(option)绘制柱状图,每次展示10条数据,分四次展示完,最先展示1-10名,第二轮展示11-20以此类推,将所有子区域数据全部展示完全;
3)设置定时器setInterval(处理数据轮播代码逻辑的函数,间隔时间单位为毫秒)每三秒钟修改dataZoom的开始值和结束值,来实现轮播展示分行签约率排名数据。
本文一实施例中,为了实现用户与各类事件的统计页面的交互,即完成地图下钻功能,可对各类事件统计页面热力图中的各子区域绑定点击操作,其中,所述点击操作用于至少触发显示子区域内该类事件的预定参数值。下面以银行对不动产抵押登记统计场景为例,子区域内事件预定参数值的页面如图6所示,除了包括不动产抵押登记城市数、城市总数及不动产地抵押登记率等预定参数值外,还包括子区域内的地图,地图中用不同的颜色表示抵押登记是否完成,例如用灰色区域表示已完成,白色区域表示未完成。
本实施例具体实施时可利用echarts点on方法可以给地图绑定点击操作。具体的,点击操作的实现过程包括:
echarts.on‘click’(第一参数事件类型,该页面为点击跳转设置为click),function(){点击了地图中任意位置都能执行这个方法,在这个方法中进行代码逻辑的处理}。
根据echarts点击操作回调提供参数中,获取到当前点击区域的区域名称,根据该名称判断点击区域的是否属于预先设定的具有点击操作的区域(例如一级分行区域),如果不属于,则不做任何操作。如果属于,则使用localStorage.setItem()方法将所选的区域编号存储到localStorage中,使用window.open()方法在新的窗口中打开对应所选地区的事件的统计页面。
本文一实施例中,上述步骤140实施时,可根据需求设定各类事件统计页面的滚动显示顺序,本文对此不作限定。一具体实施方式中,可利用ECharts实现,具体实现过程包括:
1)先设定各事件统计页面的播放顺序;
2)设置一全局变量var number,用于表示当前展示的是第几个页面;
3)将页面标题按照1)的顺序依次排列在数据title_arr中,将页面请求数据(即事件的预定参数值)的方法按照1)顺序依次排列在fun_obj中;
4)使用ajax调用地图数据,将地图数据展示在页面中;
5)设置一个refreshDiv方法,每隔预定时间段(由sessionStorage定时实现,例如为15秒)执行一次refreshDiv方法的代码setInterval(refreshDiv,15000),实现轮播展示不同页面,每次轮播展示不同页面时,refreshDiv方法中重新设置number=number+1;
如果number等于页面总数,则重新设置number的值为0(等于页面总数表示已经轮播到最后一个页面,需要从第一个页面开始新一轮的轮播);否则number的值不变;
判断是否需要开启新一轮的轮播,如果是从第一个页面开始新一轮的轮播,如果不是进入下一个页面。
本文一实施例中,使用SessionStorage.getItem(‘timer’)获取之前存储在sessionStorage中上一轮开启定时器的指针。使用clearInterval(‘上一轮定时器的指针’)清除之前开启的定时器,避免多个定时器同时执行,打乱播放节奏。
基于同一发明构思,本文还提供一种数据分区可视化装置,如下面的实施例所述。由于数据分区可视化装置解决问题的原理与数据分区可视化方法相似,因此数据分区可视化装置的实施可以参见数据分区可视化方法,重复之处不再赘述。本实施例提供的数据分区可视化装置包括多个功能模块,均可以由专用或者通用芯片实现,还可以通过软件程序实现,本文对此不作限定。
具体的,如图7所示,数据分区可视化装置包括:
采集模块710,用于获取预定区域的地图数据及预定区域中各子区域内各类事件动态数据;
分析模块720,用于根据预定区域中各子区域内各类事件动态数据,计算预定区域中各子区域内各类事件的预定参数值;
可视化模块730,用于根据预定区域中各子区域内各类事件的预定参数值及所述预定区域的地图数据,按预先设计的页面布局,建立各类事件的统计页面;
显示模块740,用于滚动显示各类事件的统计页面。
本实施例提供的数据分区可视化装置,能够实现各子区域事件情况动态展示,从而推进了“互联网+事件”业务,便于运营人员监控各分区事件情况且有利于运营人员督促各分区机构按要求响应事件。
本文应用于银行对不动产抵押登记、签约及直连地区统计场景时,能以轮播的方式展示不动产签约、抵押登记及直连地区的动态数据,并且提供点击热力图区域进行下钻展示具体省市动态的功能。进而能够帮助使用者方便、直观地掌握不动产抵押登记等情况,有效监控互联网+不动产推进的工作动态,从而进一步推进和落实不动产抵押登记签约要求。
本文一实施例中,还提供一种计算机设备,如图8所示,计算机设备802可以包括一个或多个处理器804,诸如一个或多个中央处理单元(CPU),每个处理单元可以实现一个或多个硬件线程。计算机设备802还可以包括任何存储器806,其用于存储诸如代码、设置、数据等之类的任何种类的信息。非限制性的,比如,存储器806可以包括以下任一项或多种组合:任何类的RAM,任何类的ROM,闪存设备,硬盘,光盘等。更一般地,任何存储器都可以使用任何技术来存储信息。进一步地,任何存储器可以提供信息的易失性或非易失性保留。进一步地,任何存储器可以表示计算机设备802的固定或可移除部件。在一种情况下,当处理器804执行被存储在任何存储器或存储器的组合中的相关联的指令时,计算机设备802可以执行相关联指令的任一操作。计算机设备802还包括用于与任何存储器交互的一个或多个驱动机构808,诸如硬盘驱动机构、光盘驱动机构等。
计算机设备802还可以包括输入/输出模块810(I/O),其用于接收各种输入(经由输入设备812)和用于提供各种输出(经由输出设备814))。一个具体输出机构可以包括呈现设备816和相关联的图形用户接口818(GUI)。在其他实施例中,还可以不包括输入/输出模块810(I/O)、输入设备812以及输出设备814,仅作为网络中的一台计算机设备。计算机设备802还可以包括一个或多个网络接口820,其用于经由一个或多个通信链路822与其他设备交换数据。一个或多个通信总线824将上文所描述的部件耦合在一起。
通信链路822可以以任何方式实现,例如,通过局域网、广域网(例如,因特网)、点对点连接等、或其任何组合。通信链路822可以包括由任何协议或协议组合支配的硬连线链路、无线链路、路由器、网关功能、名称服务器等的任何组合。
本文实施例还提供了一种计算机可读存储介质,该计算机可读存储介质上存储有计算机程序,该计算机程序被处理器运行时执行前述任一实施例所述的数据分区可视化方法。
本文实施例还提供一种计算机可读指令,其中当处理器执行所述指令时,其中的程序使得处理器执行前述任一实施例所述的数据分区可视化方法。
应理解,在本文的各种实施例中,上述各过程的序号的大小并不意味着执行顺序的先后,各过程的执行顺序应以其功能和内在逻辑确定,而不应对本文实施例的实施过程构成任何限定。
还应理解,在本文实施例中,术语“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系。例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,本文中字符“/”,一般表示前后关联对象是一种“或”的关系。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、计算机软件或者二者的结合来实现,为了清楚地说明硬件和软件的可互换性,在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本文的范围。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,上述描述的系统、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本文所提供的几个实施例中,应该理解到,所揭露的系统、装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另外,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口、装置或单元的间接耦合或通信连接,也可以是电的,机械的或其它的形式连接。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本文实施例方案的目的。
另外,在本文各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以是两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本文的技术方案本质上或者说对现有技术做出贡献的部分,或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本文各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
本文中应用了具体实施例对本文的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本文的方法及其核心思想;同时,对于本领域的一般技术人员,依据本文的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本文的限制。
Claims (10)
1.一种数据分区可视化方法,其特征在于,包括:
获取预定区域的地图数据及预定区域中各子区域内各类事件动态数据;
根据预定区域中各子区域内各类事件动态数据,计算预定区域中各子区域内各类事件的预定参数值;
根据预定区域中各子区域内各类事件的预定参数值及所述预定区域的地图数据,按预先设计的页面布局,建立各类事件的统计页面;
滚动显示各类事件的统计页面,
其中,所述预先设计的页面布局包括:一类事件的预定参数值的热力图,
其中,对于每一类事件,所述根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,按预先设计的页面布局,建立该类事件的统计页面,包括:
根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,生成该类事件的热力图;
根据该类事件的热力图,建立该类事件的统计页面,
其中,所述各类事件动态数据包括:不动产签约地区动态数据、不动产抵押登记地区动态数据及不动产系统直连地区动态数据,其中,地区为子区域下属的分区,
其中,所述预定参数值包括:各子区域内各类事件完成量和/或各子区域内各类事件的完成率,
其中,所述各类事件的页面布局还包括:各类事件对至少一预定参数的排名柱状图;
对于每一类事件,根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,按预先设计的页面布局,建立该类事件的统计页面,包括:
根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,生成该类事件的热力图;
按预定区域中各子区域内该类事件的至少一预定参数值,对子区域进行排名,得到该类事件对应的子区域的排名情况;
根据该类事件对应的子区域的排名情况,绘制该类事件对应的子区域排名柱状图;
根据该类事件的热力图及该类事件对应的子区域排名柱状图,建立该类事件的统计页面。
2.如权利要求1所述的数据分区可视化方法,其特征在于,根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,生成该类事件的热力图,包括:
根据所述预定区域的地图数据,利用ECharts绘制预定区域地图轮廓;
根据所述预定区域地图轮廓及预定区域中各子区域内该类事件的预定参数值,利用ECharts绘制该类事件的热力图。
3.如权利要求2所述的数据分区可视化方法,其特征在于,根据所述预定区域的地图数据,利用ECharts绘制预定区域地图轮廓,包括:
将所述预定区域的地图数据转换为geoJSON格式的地图数据;
根据geoJSON格式的地图数据,利用ECharts绘制预定区域地图轮廓。
4.如权利要求2所述的数据分区可视化方法,其特征在于,根据所述预定区域地图轮廓及预定区域中各子区域内该类事件的预定参数值,利用ECharts绘制该类事件的热力图,包括:
根据所述预定区域中各子区域内该类事件的预定参数值,利用ECharts按该类事件热力图配置信息在预定区域地图轮廓中进行渲染,从而得到该类事件的热力图。
5.如权利要求4所述的数据分区可视化方法,其特征在于,各类事件热力图配置信息包括:子区域的地图颜色与各类事件的预定参数值之间的映射关系、子区域内事件位置展示形式。
6.如权利要求1所述的数据分区可视化方法,其特征在于,根据该类事件对应的子区域的排名情况,绘制该类事件对应的子区域排名柱状图,包括:
根据该类事件对应的子区域的排名情况,依据柱状图的轮播展示配置信息,绘制该类事件对应的子区域排名柱状图。
7.如权利要求1所述的数据分区可视化方法,其特征在于,还包括:
对于每一类事件的统计页面,在该类事件的统计页面中的各子区域绑定点击操作,其中,所述点击操作用于触发显示子区域内该类事件的预定参数值。
8.一种数据分区可视化装置,其特征在于,包括:
采集模块,用于获取预定区域的地图数据及预定区域中各子区域内各类事件动态数据;
分析模块,用于根据预定区域中各子区域内各类事件动态数据,计算预定区域中各子区域内各类事件的预定参数值;
可视化模块,用于根据预定区域中各子区域内各类事件的预定参数值及所述预定区域的地图数据,按预先设计的页面布局,建立各类事件的统计页面;
显示模块,用于滚动显示各类事件的统计页面,
其中,所述预先设计的页面布局包括:一类事件的预定参数值的热力图,
其中,对于每一类事件,所述根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,按预先设计的页面布局,建立该类事件的统计页面,包括:
根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,生成该类事件的热力图;
根据该类事件的热力图,建立该类事件的统计页面,
其中,所述各类事件动态数据包括:不动产签约地区动态数据、不动产抵押登记地区动态数据及不动产系统直连地区动态数据,其中,地区为子区域下属的分区,
其中,所述预定参数值包括:各子区域内各类事件完成量和/或各子区域内各类事件的完成率,
其中,所述各类事件的页面布局还包括:各类事件对至少一预定参数的排名柱状图;
对于每一类事件,根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,按预先设计的页面布局,建立该类事件的统计页面,包括:
根据预定区域中各子区域内该类事件的预定参数值及所述预定区域的地图数据,生成该类事件的热力图;
按预定区域中各子区域内该类事件的至少一预定参数值,对子区域进行排名,得到该类事件对应的子区域的排名情况;
根据该类事件对应的子区域的排名情况,绘制该类事件对应的子区域排名柱状图;
根据该类事件的热力图及该类事件对应的子区域排名柱状图,建立该类事件的统计页面。
9.一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至7任一项所述的数据分区可视化方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现权利要求1至7任一项所述的数据分区可视化方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110345552.6A CN113010829B (zh) | 2021-03-31 | 2021-03-31 | 一种数据分区可视化方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110345552.6A CN113010829B (zh) | 2021-03-31 | 2021-03-31 | 一种数据分区可视化方法、装置、计算机设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113010829A CN113010829A (zh) | 2021-06-22 |
CN113010829B true CN113010829B (zh) | 2023-01-20 |
Family
ID=76409560
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110345552.6A Active CN113010829B (zh) | 2021-03-31 | 2021-03-31 | 一种数据分区可视化方法、装置、计算机设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113010829B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114067079B (zh) * | 2021-11-19 | 2022-05-13 | 北京航空航天大学 | 复杂曲面电磁波矢量动态可视化方法 |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107578193A (zh) * | 2017-10-12 | 2018-01-12 | 国家计算机网络与信息安全管理中心 | 互联网金融风险分析可视化展示系统 |
CN107704621A (zh) * | 2017-10-27 | 2018-02-16 | 西南财经大学 | 一种互联网舆情地图可视化展示方法 |
CN109684583A (zh) * | 2018-11-12 | 2019-04-26 | 深圳壹账通智能科技有限公司 | 页面用户行为的分析方法、装置、终端及可读存储介质 |
CN109934614A (zh) * | 2019-01-18 | 2019-06-25 | 深圳壹账通智能科技有限公司 | 一种基于消费分析热力图的信用卡推广方法及装置 |
CN110134308A (zh) * | 2019-05-17 | 2019-08-16 | 深圳前海微众银行股份有限公司 | 数据展示方法、装置、设备及计算机可读存储介质 |
CN110619554A (zh) * | 2019-06-18 | 2019-12-27 | 北京无限光场科技有限公司 | 房源展示方法、装置、设备及存储介质 |
CN110674227A (zh) * | 2019-09-20 | 2020-01-10 | 上海东方富联科技有限公司 | 数据可视化图表和页面的生成方法、系统、介质及终端 |
CN111881930A (zh) * | 2020-06-09 | 2020-11-03 | 广州市城市规划勘测设计研究院 | 一种热力图生成方法、装置、存储介质及设备 |
WO2020221031A1 (zh) * | 2019-04-28 | 2020-11-05 | 杭州海康威视数字技术股份有限公司 | 行为热力图生成及报警方法、装置、电子设备及存储介质 |
CN112015501A (zh) * | 2020-07-15 | 2020-12-01 | 深圳市金蝶天燕云计算股份有限公司 | 可视化页面生成方法、装置、计算机设备和存储介质 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP2652044A1 (en) * | 2010-12-16 | 2013-10-23 | CSI Ricerca & Ambiente Srl | A system for evaluating the current evolutionary status of events or processes in a geographical region and for generating and visualizing predictions of the evolutionary dynamics in time and space |
CN108121802A (zh) * | 2017-12-22 | 2018-06-05 | 东软集团股份有限公司 | 网页访问的热力分析方法、装置及其设备 |
CN109522379A (zh) * | 2018-10-12 | 2019-03-26 | 成都北科维拓科技有限公司 | 一种局部区域数据可视化方法及装置 |
CN109686225B (zh) * | 2018-12-24 | 2021-12-17 | 广东电网有限责任公司广州供电局 | 电力系统数据可视化方法、装置、计算机设备和存储介质 |
CN110706306A (zh) * | 2019-09-24 | 2020-01-17 | 上海钧正网络科技有限公司 | 地图应用中绘制区域的方法、装置和计算机设备 |
-
2021
- 2021-03-31 CN CN202110345552.6A patent/CN113010829B/zh active Active
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107578193A (zh) * | 2017-10-12 | 2018-01-12 | 国家计算机网络与信息安全管理中心 | 互联网金融风险分析可视化展示系统 |
CN107704621A (zh) * | 2017-10-27 | 2018-02-16 | 西南财经大学 | 一种互联网舆情地图可视化展示方法 |
CN109684583A (zh) * | 2018-11-12 | 2019-04-26 | 深圳壹账通智能科技有限公司 | 页面用户行为的分析方法、装置、终端及可读存储介质 |
CN109934614A (zh) * | 2019-01-18 | 2019-06-25 | 深圳壹账通智能科技有限公司 | 一种基于消费分析热力图的信用卡推广方法及装置 |
WO2020221031A1 (zh) * | 2019-04-28 | 2020-11-05 | 杭州海康威视数字技术股份有限公司 | 行为热力图生成及报警方法、装置、电子设备及存储介质 |
CN110134308A (zh) * | 2019-05-17 | 2019-08-16 | 深圳前海微众银行股份有限公司 | 数据展示方法、装置、设备及计算机可读存储介质 |
CN110619554A (zh) * | 2019-06-18 | 2019-12-27 | 北京无限光场科技有限公司 | 房源展示方法、装置、设备及存储介质 |
CN110674227A (zh) * | 2019-09-20 | 2020-01-10 | 上海东方富联科技有限公司 | 数据可视化图表和页面的生成方法、系统、介质及终端 |
CN111881930A (zh) * | 2020-06-09 | 2020-11-03 | 广州市城市规划勘测设计研究院 | 一种热力图生成方法、装置、存储介质及设备 |
CN112015501A (zh) * | 2020-07-15 | 2020-12-01 | 深圳市金蝶天燕云计算股份有限公司 | 可视化页面生成方法、装置、计算机设备和存储介质 |
Non-Patent Citations (4)
Title |
---|
ECharts在数据可视化中的应用;崔蓬;《软件工程》;20190605(第06期);全文 * |
不动产登记数据资源未来应用探讨;张明;《西部资源》;20180704;参见1不动产关联查询分析、2不动产交易分析预测 * |
基于HTML的ECharts的动态数据显示前端设计;洪敏等;《计算机时代》;20180815(第08期);全文 * |
基于Vue.js的单页面WebGIS可视化框架研究与实现;李成仁;《地理空间信息》;20200528;参见1 WebGIS可视化框架关键组件技术选型、2 WebGIS可视化框架需求分析与设计、3 单页面 WebGIS可视化平台开发与实现 * |
Also Published As
Publication number | Publication date |
---|---|
CN113010829A (zh) | 2021-06-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Grainger et al. | Environmental data visualisation for non-scientific contexts: Literature review and design framework | |
US10740548B2 (en) | Dynamic report building using a heterogeneous combination of filtering criteria | |
US20170118093A1 (en) | Providing visualizations of event sequence data | |
US10853380B1 (en) | Framework for displaying interactive visualizations of event data | |
US10861202B1 (en) | Sankey graph visualization for machine data search and analysis system | |
WO2020124398A1 (zh) | 多图显示方法和计算机可读存储介质 | |
CN107247591A (zh) | 一种基于地图的大数据展示界面交互方法 | |
Sun et al. | A Web-based visual analytics system for real estate data | |
CN106611065B (zh) | 搜索方法和装置 | |
CN113010829B (zh) | 一种数据分区可视化方法、装置、计算机设备及存储介质 | |
CN115828873A (zh) | 一种电子表单中表达式的设置方法和装置 | |
CN113342249B (zh) | 可实时预览的内容管理方法、装置、设备及存储介质 | |
Telea | Combining extended table lens and treemap techniques for visualizing tabular data | |
CN110990431A (zh) | 一种实现中国地图和折线图数据同步联动轮播的方法 | |
CN110912750B (zh) | 基于web的数据采集管理方法及装置 | |
CN115421691A (zh) | 一种基于虚拟列表的数据滚动方法、装置及计算机设备 | |
CN114675767A (zh) | 一种信息采集方法、装置、电子设备以及存储介质 | |
CN109257643B (zh) | 一种直播间展示方法、终端设备及存储介质 | |
CN114610802A (zh) | 词轮播方法、装置、设备及存储介质 | |
Thomas | Data visualization with javascript | |
CN111782309A (zh) | 显示信息的方法、装置及计算机可读存储介质 | |
Michalos et al. | Visualization Techniques for Large Datasets. | |
CN104461549A (zh) | 图形界面的排列显示方法及装置 | |
JPH07210699A (ja) | システム動作方法 | |
US20220270308A1 (en) | Systems and methods for timeline visualization |
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 | ||
TA01 | Transfer of patent application right | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20221010 Address after: 25 Financial Street, Xicheng District, Beijing 100033 Applicant after: CHINA CONSTRUCTION BANK Corp. Address before: 12 / F, 15 / F, No. 99, Yincheng Road, Shanghai pilot Free Trade Zone, 200120 Applicant before: Jianxin Financial Science and Technology Co.,Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |