一种网页热力图绘制方法及相关装置制造方法及图纸

本申请公开了一种网页热力图绘制方法，包括：将获取到的目标网页的元素进行图形转换处理得到多个规则图形；根据预设分类精度将所述多个规则图形在所述目标页面中对应的坐标点进行分类，得到多个坐标点集合；根据每个坐标点对应元素的热度值将每个坐标点集合中的坐标点的热度值进行叠加计算，得到每个坐标点的融合热度值；根据每个坐标点及对应的融合热度值进行热力图绘制，得到网页热力图。通过采用目标网页中的元素转换为每个坐标点集合中的坐标点，进一步进行热力图绘制，而不是直接获取坐标点，提高热力图的准确性和绘制效率。本申请还公开了一种网页热力图绘制装置、计算机设备以及计算机可读存储介质，具有以上有益效果。

A method of drawing thermal diagram on Web page and related devices

【技术实现步骤摘要】
一种网页热力图绘制方法及相关装置
本申请涉及计算机
，特别涉及一种网页热力图绘制方法、网页热力图绘制装置、计算机设备以及计算机可读存储介质。
技术介绍
数据可视化，是关于数据视觉表现形式的科学技术研究。其中，这种数据的视觉表现形式被定义为一种以某种概要形式抽提出来的信息，包括相应信息单位的各种属性和变量。主要指的是技术上较为高级的技术方法，而这些技术方法允许利用图形、图像处理、计算机视觉以及用户界面，通过表达、建模以及对立体、表面、属性以及动画的显示，对数据加以可视化解释。热力图是在数据可视化中的一种比较常见的表现形式，主要用于表现某个位置与其他位置在某种数量叠加上的差距，绘制热力图的方式都是至少通过两个维度的数据来实现，这两个维度就是位置和叠加量，通过这两个维度的信息，确定了视觉上的颜色渐变的展示位置和初始颜色深度。而网页的热力图一般被用于表现网页访问者对于网页具体位置进行行为操作和关注度的数据可视化方案。以便观察用户在使用网页时，主要点击的位置是什么，用户在使用网页时注意力集中在什么地方。最后通过网页热力图的结果对页面内容进行优化，提升网页的用户体验。具体的，现有技术中根据热力图的基本实现方式，网页的热力图一般需要依赖访问者对网页的点击行为目标坐标信息以及这些坐标信息的叠加量绘制出网页热力图。以直接获取坐标点再进行绘制操作，需要在绘制时获取页面中的坐标点。但是，在一些情况中获取不到准确的坐标点，就无法绘制出准确的热力图。并且，获取到的坐标点是以当前页面尺寸下记录的坐标点，但是当页面尺寸发生变化是坐标点的坐标系就发生了变化，原有的坐标点无法使用在该坐标系下，则需要重新获取坐标点，降低了热力图绘制的效率。因此，如何提高绘制网页热力图的准确性和效率是本领域技术人员关注的重点问题。
技术实现思路
本申请的目的是提供一种网页热力图绘制方法、网页热力图绘制装置、计算机设备以及计算机可读存储介质，通过采用目标网页中的元素转换为每个坐标点集合中的坐标点，进一步进行热力图绘制，而不是直接获取坐标点，提高热力图的准确性和绘制效率。为解决上述技术问题，本申请提供一种网页热力图绘制方法，包括：将获取到的目标网页的元素进行图形转换处理得到多个规则图形；根据预设分类精度将所述多个规则图形在所述目标页面中对应的坐标点进行分类，得到多个坐标点集合；根据每个坐标点对应元素的热度值将每个坐标点集合中的坐标点的热度值进行叠加计算，得到每个坐标点的融合热度值；根据每个坐标点及对应的融合热度值进行热力图绘制，得到网页热力图。可选的，将获取到的目标网页的元素进行图形转换处理得到多个规则图形，包括：从服务器中获取所述目标网页的元素以及元素对应的热度值；根据多个元素对应的热度值对所有元素进行筛选，得到多个待绘制元素；根据图形构成规则对所述多个待绘制元素进行图形转换处理，得到所述多个规则图形。可选的，根据预设分类精度将所述多个规则图形在所述目标页面中对应的坐标点进行分类，得到多个坐标点集合，包括：根据所述预设分类精度将所述目标网页划分为多个网格；将所述多个规则图形在所述目标页面中对应的坐标点填入对应的网格；将每个网格作为一个坐标点集合，得到所述多个坐标点集合。可选的，将所述多个规则图形在所述目标页面中对应的坐标点填入对应的网格，包括：根据所述目标页面的坐标系对每个所述规则图形填入正态分布的多个坐标点；将所述多个坐标点作为该规则图形对应的坐标点；将所有规则图形对应的坐标点填入对应的网格。可选的，根据每个坐标点对应元素的热度值将每个坐标点集合中的坐标点的热度值进行叠加计算，得到每个坐标点的融合热度值，包括：将每个坐标点对应元素的热度值赋值为该坐标点的热度值；将每个坐标点集合中所有坐标点的热度值相加，得到该坐标点集合对应的集合热度值；将每个坐标点集合的集合热度值赋值为该坐标点集合中所有坐标点的融合热度值。可选的，根据每个坐标点及对应的融合热度值进行热力图绘制，得到网页热力图，包括：按照预设阈值对每个坐标点及对应的融合热度值进行热力图绘制，得到所述网页热力图。可选的，还包括：当接收到所述网页热力图的交互指令时，将所述目标网页的网页结构元素进行复制，得到交互副本；将所述交互副本设置为透明，并覆盖在所述网页热力图的上层，得到交互热力图；根据所述交互指令对所述交互热力图执行交互操作。本申请还提供一种网页热力图绘制装置，包括：图形转换模块，用于将获取到的目标网页的元素进行图形转换处理得到多个规则图形；坐标点分类模块，用于根据预设分类精度将所述多个规则图形在所述目标页面中对应的坐标点进行分类，得到多个坐标点集合；热度叠加融合模块，用于根据每个坐标点对应元素的热度值将每个坐标点集合中的坐标点的热度值进行叠加计算，得到每个坐标点的融合热度值；热力图绘制模块，用于根据每个坐标点及对应的融合热度值进行热力图绘制，得到网页热力图。本申请还提供一种计算机设备，包括：存储器，用于存储计算机程序；处理器，用于执行所述计算机程序时实现如上所述的网页热力图绘制方法的步骤。本申请还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如上所述的网页热力图绘制方法的步骤。本申请所提供的一种网页热力图绘制方法，包括：将获取到的目标网页的元素进行图形转换处理得到多个规则图形；根据预设分类精度将所述多个规则图形在所述目标页面中对应的坐标点进行分类，得到多个坐标点集合；根据每个坐标点对应元素的热度值将每个坐标点集合中的坐标点的热度值进行叠加计算，得到每个坐标点的融合热度值；根据每个坐标点及对应的融合热度值进行热力图绘制，得到网页热力图。通过将目标网页中的元素转换为多个规则图形，然后将每个规则图形在目标页面中的坐标点进行分类，得到多个坐标点集合，也就是从目标页面的元素中获取到热力图计算采用的坐标点，而不是直接获取坐标点，一方面对于用户坐标点的获取更加全面，另一方面当尺寸发生变化元素的位置也会相应的变化，可以保持坐标点的正确性，最后将坐标点集合中的热度进行叠加计算，得到每个坐标点的融合热度值实现热力图绘制操作，使热力图显示的更加准确，避免尺寸变化的问题，同时采用元素进行计算，而不是请求多个坐标点的数据，提高热力图的绘制效率。本申请还提供一种网页热力图绘制装置、计算机设备以及计算机可读存储介质，具有以上有益效果，在此不做赘述。附图说明为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。图1为本申请实施例所提供的一种网页热力图绘制方法的流程图；图2为本文档来自技高网...

【技术保护点】
1.一种网页热力图绘制方法，其特征在于，包括：/n将获取到的目标网页的元素进行图形转换处理得到多个规则图形；/n根据预设分类精度将所述多个规则图形在所述目标页面中对应的坐标点进行分类，得到多个坐标点集合；/n根据每个坐标点对应元素的热度值将每个坐标点集合中的坐标点的热度值进行叠加计算，得到每个坐标点的融合热度值；/n根据每个坐标点及对应的融合热度值进行热力图绘制，得到网页热力图。/n

【技术特征摘要】
1.一种网页热力图绘制方法，其特征在于，包括：
将获取到的目标网页的元素进行图形转换处理得到多个规则图形；
根据预设分类精度将所述多个规则图形在所述目标页面中对应的坐标点进行分类，得到多个坐标点集合；
根据每个坐标点对应元素的热度值将每个坐标点集合中的坐标点的热度值进行叠加计算，得到每个坐标点的融合热度值；
根据每个坐标点及对应的融合热度值进行热力图绘制，得到网页热力图。


2.根据权利要求1所述的网页热力图绘制方法，其特征在于，将获取到的目标网页的元素进行图形转换处理得到多个规则图形，包括：
从服务器中获取所述目标网页的元素以及元素对应的热度值；
根据多个元素对应的热度值对所有元素进行筛选，得到多个待绘制元素；
根据图形构成规则对所述多个待绘制元素进行图形转换处理，得到所述多个规则图形。


3.根据权利要求1所述的网页热力图绘制方法，其特征在于，根据预设分类精度将所述多个规则图形在所述目标页面中对应的坐标点进行分类，得到多个坐标点集合，包括：
根据所述预设分类精度将所述目标网页划分为多个网格；
将所述多个规则图形在所述目标页面中对应的坐标点填入对应的网格；
将每个网格作为一个坐标点集合，得到所述多个坐标点集合。


4.根据权利要求3所述的网页热力图绘制方法，其特征在于，将所述多个规则图形在所述目标页面中对应的坐标点填入对应的网格，包括：
根据所述目标页面的坐标系对每个所述规则图形填入正态分布的多个坐标点；将所述多个坐标点作为该规则图形对应的坐标点；
将所有规则图形对应的坐标点填入对应的网格。


5.根据权利要求1所述的网页热力图绘制方法，其特征在于，根据每个坐标点对应元素的热度值将每个坐标点集合中的坐标点的热度值进行叠加计算，得到每个坐标点的融合热度值，包括：
将每个坐...

【专利技术属性】
技术研发人员：巫君平，
申请(专利权)人：上海微盟企业发展有限公司，
类型：发明
国别省市：上海;31