一种楼盘测评得分的可视化方法、装置、设备及介质制造方法及图纸

本发明专利技术提供一种用于楼盘测评得分的可视化方法、装置、设备及介质，所述方法包括对楼盘的评测得分进行数据加载，利用SVG绘制图形并进行初步渲染、形成不同指标的动态环形图并导出。本申请通过使用SVG展示楼盘测评得分，解决了因引用大量资源导致页面渲染缓慢的问题，使得移动端不用为内存而担忧。

【技术实现步骤摘要】
一种楼盘测评得分的可视化方法、装置、设备及介质
本专利技术涉及数据处理的
，尤其涉及一种楼盘测评得分的可视化方法、装置、设备及介质。
技术介绍
数据可视化一直是提高用户体验的一种有效方式。在形成报表时，引用资源多或者大都会影响页面渲染的速度，影响用户的浏览体验，从而导致大量的用户流失。在现有技术中，展示楼盘测评得分都是通过canvas，需要引用大量的三方资源去实现展示的问题，导致页面渲染缓慢影响用户体验，并且不支持自定义展示，不支持渐变色，很被动，需要被动的去接受它的展示方式，不能从根源上解决问题。因此，如何避免在楼盘测评得分的可视化过程中因引用大量资源导致页面渲染缓慢的问题，使得移动端不用为内存而担忧，成为了目前继续解决的技术问题。
技术实现思路
为解决上述问题，本专利技术提供一种楼盘测评得分的可视化方法、装置、设备及介质，通过使用SVG展示楼盘测评得分，解决了因引用大量资源导致页面渲染缓慢的问题，使得移动端不用为内存而担忧。为了实现上述目的，本专利技术提供的具体技术方案如下：第一方面，本申请提供了一种楼盘测评得分的可视化方法，所述方法包括：步骤S1、数据加载，所述数据包括楼盘的评测得分；步骤S2、图形初步渲染；步骤S3、形成动态环形图并导出。优选的，所述步骤S1具体包括以下步骤：用户登录页面网址，并上传楼盘的评测得分。优选的，所述步骤S2具体包括以下步骤：步骤S21、使用SVG绘制环形图；步骤S22、为环形图添加色彩渐变。优选的，所述步骤S3具体包括以下步骤：基于步骤S1中上传的所述楼盘的评测得分，绘制所述环形图中的百分比，并导出至用户交互界面。第二方面，本申请还提供了一种楼盘测评得分的可视化装置，包括：数据加载模块，用于上传楼盘的评测得分；图形初步渲染模块，用于绘制环形图及添加色彩渐变；导出模块，用于形成动态环形图并导出至用户交互界面。第三方面，本申请还提供了一种计算机设备，所述计算机设备包括存储器和处理器；所述存储器用于存储计算机程序；所述处理器，用于执行所述计算机程序并在执行所述计算机程序时实现如上所述的楼盘测评得分的可视化方法。第四方面，本申请还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时使所述处理器实现如上所述的楼盘测评得分的可视化方法。本专利技术的有益效果是提供了一种用于楼盘测评得分的可视化方法、装置、设备及介质，用户可以通过上传楼盘的评测得分和使用SVG渐变色，绘制当前指标下对应的渐变色动态环形图，以直观看出当前楼盘在某一项指标上得分的多少，提高了用户对楼盘的认知，简化了开发者的使用方式和提高了用户的使用体验；底层使用SVG使得移动端不用再考虑内存问题，解决了引用大量资源导致页面渲染缓慢的问题。应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。附图说明图1是本申请一种优选实施例中一种楼盘测评得分的可视化方法的流程示意图；图2是本申请一种优选实施例中一种楼盘测评得分的可视化装置的示意性框图。具体实施方式下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。附图中所示的流程图仅是示例说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解、组合或部分合并，因此实际执行的顺序有可能根据实际情况改变。应当理解，在此本申请说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本申请。如在本申请说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。还应当进理解，在本申请说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。本申请的实施例提供了一种楼盘测评得分的可视化方法、装置、设备及介质，通过使用SVG展示楼盘测评得分，解决了因引用大量资源导致页面渲染缓慢的问题，使得移动端不用为内存而担忧。下面结合附图，对本申请的一些实施方式作详细说明。在不冲突的情况下，下述的实施例及实施例中的特征可以相互组合。参照图1，图1是本申请的实施例提供的一种用于楼盘测评得分的可视化方法的示意流程图，该检测方法具体包括步骤S101至步骤S103。步骤S101、用户登录页面网址，并上传楼盘的评测得分，以进行数据加载；步骤S102、首先输入半径，通过SVG绘制环形图；然后输入所需的渐变色，为环形图添加色彩渐变，以进行图形初步渲染；步骤S103、基于步骤S101中上传的所述楼盘的评测得分，绘制所述环形图中的百分比，形成不同指标的动态环形图并导出至用户交互界面，所述不同指标包括生活设施指标、居住环境指标、区域潜力指标等。如图2所示，图2为本申请的实施例提供一种楼盘测评得分的可视化装置200，包括：数据加载模块201，用于上传楼盘的评测得分；图形初步渲染模块202，用于绘制环形图及添加色彩渐变；导出模块203，用于形成动态环形图并导出至用户交互界面。在本申请一种优选实施例中，还包括一种计算机设备，所述计算机设备包括存储器和处理器；所述存储器用于存储计算机程序；所述处理器，用于执行所述计算机程序并在执行所述计算机程序时实现如上所述的楼盘测评得分的可视化方法。在本申请的另外一种优选实施例中，还包括一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时使所述处理器实现如上所述的楼盘测评得分的可视化方法。与现有技术相比，本申请的有益效果在于：用户可以通过上传楼盘的评测得分和使用SVG渐变色，绘制当前指标下对应的渐变色动态环形图，以直观看出当前楼盘在某一项指标上得分的多少，提高了用户对楼盘的认知，简化了开发者的使用方式和提高了用户的使用体验；底层使用SVG使得移动端不用再考虑内存问题，解决了引用大量资源导致页面渲染缓慢的问题。上述说明示出并描述了本申请的多个优选实施例，但如前所述，应当理解本申请并非局限于本文所披露的形式，不应看作是对其他实施例的排除，而可用于各种其他组合、修改和环境，并能够在本文所述申请构想范围内，通过上述教导或相关领域的技术或知识进行改动。而本领域人员所进行的改动和变化不脱离本申请的精神和范围，则都应在本申请所附权利要求的保护范围内。本文档来自技高网...

【技术保护点】
1.一种楼盘测评得分的可视化方法，其特征在于，所述方法包括：/nS1、数据加载，所述数据包括楼盘的评测得分；/nS2、图形初步渲染；/nS3、形成动态环形图并导出。/n

【技术特征摘要】
1.一种楼盘测评得分的可视化方法，其特征在于，所述方法包括：
S1、数据加载，所述数据包括楼盘的评测得分；
S2、图形初步渲染；
S3、形成动态环形图并导出。


2.根据权利要求1所述的楼盘测评得分的可视化方法，其特征在于，所述S1具体包括以下步骤：
用户登录页面网址，并上传楼盘的评测得分。


3.根据权利要求2所述的楼盘测评得分的可视化方法，其特征在于，所述S2具体包括以下步骤：
S21、使用SVG绘制环形图；
S22、为环形图添加色彩渐变。


4.根据权利要求3所述的楼盘测评得分的可视化方法，其特征在于，所述S3具体包括以下步骤：
基于S1中上传的所述楼盘的评测得分，绘制所述环形图中的百分比，并导...

【专利技术属性】
技术研发人员：白云飞，罗海斌，王鹏，闫士敬，薛帅，
申请(专利权)人：北京高因科技有限公司，
类型：发明
国别省市：北京;11