热力图的处理方法及系统的制作方法
【技术领域】
[0001] 本发明涉及热力图技术领域，更为具体地，涉及一种热力图的处理方法及系统。
【背景技术】
[0002] 热力图是一种以特殊高亮的形式显示访客热衷的页面区域的图示。它可以直观地 通过不同的颜色区块呈现网页访问点击密度数据的分布，并通过颜色的深浅表示访问点击 数量的多少。在网页访问统计数据处理过程中，可以通过分析用户鼠标的点击量来获取用 户对每一个网页栏目的点击量、渠道来源、地理位置等，并通过对用户点击量的收录、计算 并转化为不同的颜色值，以热力图这种可视化的色彩图直观地反映用户的点击情况。
[0003] 由于针对页面的点击次数数据量很大，在对这些数据进行存储时会不可避免地占 用大量的存储空间，为了节省数据存储空间，目前主要是通过约简方法对这些数据进行压 缩处理。常用的约简方法如下所述：
[0004] 首先，确定约简数据的最小包围区域。其中，约简数据的最小包围区域指：包围被 监控的网页页面内的所有热力点（访问点击点）的最小矩形区域。通过从被约简的点击数 据坐标求取其横坐标和纵坐标的最小与最大值1_、7^、1_、7_，并以这些坐标点作为矩形 的四个顶点，获取被约简数据的最小包围区域。
[0005] 然后，使用数据归并窗口对数据进行归并。使用M*M的正方形窗口切分约简数据 的最小包围区域，并归并同一窗口中的热力点，使各热力点的坐标值在归并计算后统一成 相同的值并进行存储。
[0006] 上述根据约简方法对热力图的点击数据进行压缩主要存在如下问题：
[0007] (1)点击位置存在误差。由于被约简后的热力点为窗口中原始点位置的平均值，导 致被约简后的热力点位置存在一定的误差。
[0008] (2)窗口分割热力点存在误差。由于归并窗口的存在，可能使应该合并到一个区 域中的热力点被分别划分到不同的数据归并窗口中，使得原位于同于DOM元素中的热力点 被分割。
[0009] 例如，对于网页上的同一个点击按钮的所有热力点，被分割在多个不同的归并窗 口中，分割后的热力点就不在同一个DOM元素上，在该按钮点击量较大的情况下，不能有效 地提供较为直观的参考数据，进而对热力图的分析带来不便。图1示出了现有热力图的归 并窗口分割示意结构，如图1所示，本应合并至椭圆形区域内的热力点，被分割至两个不同 的数据归并窗口中。
[0010] ⑶数据归并窗口大小的选取存在困难。数据归并窗口的尺寸取值过大，热力点归 并后的误差就会变大；相反，如果尺寸取值过小，热力点数据量的约简效果就会变差，选取 合适的数据归并窗口大小比较困难。
【发明内容】
[0011] 鉴于上述问题，本发明的目的是提供一种热力图的处理方法及系统，以解决现有 技术中热力图数据存储占用空间大、存储存在误差等问题。
[0012] 根据本发明的一个方面，提供一种热力图的处理方法，包括将网页页面分割形成 多个页面子区域，并对各页面子区域上的点击分布数据进行曲面拟合，形成与各页面子区 域对应的子曲面；将各子曲面进行合并，获取与页面对应的拟合曲面；将与页面对应的拟 合曲面的Z轴坐标值映射为对应的颜色，获取与页面对应的热力图。
[0013] 其中，还包括：在形成与各页面子区域对应的子曲面后，对各子曲面进行反解算， 获取各子曲面的曲面控制点并进行保存；根据所保存的曲面控制点获取热力图时，对所保 存的各子曲面的曲面控制点进行正解算，获取各子曲面，并通过将各子曲面进行合并，获取 与页面对应的拟合曲面，进而获取与网页对应的热力图。
[0014] 其中，获取与页面对应的拟合曲面后，将指定时间段内的所有拟合曲面进行合并， 获取该时间段内的总的拟合曲面，进而获取指定时间段内的热力图。
[0015] 其中，在对各子曲面进行反解算的过程中，所采用的反解算方法包括均匀参数化 法、向心参数化法、积累弦长参数化法、福利参数化法。
[0016] 其中，子曲面和拟合曲面均为贝塞尔曲面。
[0017] 根据本发明的另一方面，提供一种热力图的处理系统，包括子曲面形成单元，用于 将网页页面分割形成多个页面子区域，并对各页面子区域上的点击分布数据进行曲面拟 合，形成与各页面子区域对应的子曲面；拟合曲面形成单元，用于将各子曲面进行合并，获 取与页面对应的拟合曲面；热力图直接形成单元，用于将与页面对应的拟合曲面的Z轴坐 标值映射为对应的颜色，获取与页面对应的热力图。
[0018] 利用上述根据本发明的热力图的处理方法及系统，可以将网页热力图转换为相应 的拟合曲面，通过存储曲面控制点的方式，间接地存储网页热力图数据，能够在降低热力图 数据存储空间的同时，提高热力图的显示精度及显示速度。
[0019] 为了实现上述以及相关目的，本发明的一个或多个方面包括后面将详细说明并在 权利要求中特别指出的特征。下面的说明以及附图详细说明了本发明的某些示例性方面。 然而，这些方面指示的仅仅是可使用本发明的原理的各种方式中的一些方式。此外，本发明 旨在包括所有这些方面以及它们的等同物。
【附图说明】
[0020] 通过参考以下结合附图的说明及权利要求书的内容，并且随着对本发明的更全面 理解，本发明的其它目的及结果将更加明白及易于理解。在附图中：
[0021] 图1为现有热力图的归并窗口分割示意图；
[0022] 图2为根据本发明实施例的热力图的处理方法的流程图；
[0023] 图3为根据本发明实施例的热力图的处理方法的示例流程图；
[0024] 图4为根据本发明实施例的贝塞尔曲面示意图；以及
[0025] 图5为根据本发明实施例的热力图的处理系统的方框示意图。
[0026] 在所有附图中相同的标号指示相似或相应的特征或功能。
【具体实施方式】
[0027] 在下面的描述中，出于说明的目的，为了提供对一个或多个实施例的全面理解，阐 述了许多具体细节。然而，很明显，也可以在没有这些具体细节的情况下实现这些实施例。
[0028] 针对上述网页热力图的存储占用空间大、存储精度低、显示速度慢等问题，本发明 通过将网页热力图转换为曲面，通过存储曲面的控制点，间接地存储热力图数据，在查看热 力图时，通过读取该网页热力图的曲面控制点，正解出对应的拟合曲面，进而获取最终的与 网页对应的热力图，达到降低热力图的存储空间、提高其显示精度和显示速度的目的。
[0029] 为了详细的表述本发明提供的热力图的处理方法及系统，以下将结合附图对本发 明的具体实施例进行详细描述。
[0030] 图2示出了根据本发明的热力图的处理方法的流程图。
[0031] 如图2所示，本发明提供的热力图的处理方法的流程包括：
[0032] S210 :将网页页面分割形成多个页面子区域，并对各页面子区域上的点击分布数 据进行曲面拟合，形成与各页面子区域对应的子曲面。
[0033] 具体地，统计用户在网页页面上的点击分布数据，为了降低处理的复杂度、提高热 力图的显示精度，将页面切分为多个大小相同的子区域，针对每一个子区域，处理其区域内 的点击分布数据。例如，在网页页面上选择50*50的像素为一个子区域，则该子区域中每个 像素点的点击次数就是该子区域的点击分布数据。
[0034] 在对网页页面进行切分之后，对各页面子区域上的点击分布数据进行曲面拟合， 形成与各页面子区域对应的子曲面。也就是说，每个子区域均可用一个覆盖该子区域的曲 面进行拟合，网页上点击次数越多的位置对应的曲面的Z轴坐标值越大，即曲面的高度越 高，由于用户的点击是随机生成的，该曲面可作为连续曲面进行处理。
[0035] 该步骤中，通过将网页页面分割形成多个页面子区域，针对每一个页面子区域进 行曲面拟合处理，能够降低计算复杂度，提高后期热力图的显示精度，为网页优化及网页排 版提供更为准确及直观的参考数据。
[0036] S220 :将各子曲面进行合并，获取与页面对应的拟合曲面。
[0037] 具体地，将与各子区域对应的子曲面进行合并，获取与网页对应的拟合曲面，即该 网页上的所有的子曲面合并形成的总的曲面，其中，拟合曲面是与页面相对应的。
[0038] S230 :将与页面对应的拟合曲面的Z轴坐标值映射为对应的颜色，获取与页面对 应的热力图。
[0039] 具体地，在获取最终的拟合曲面后，使用颜色的深浅变化表示拟合曲面z轴坐标 的高度，即可获取与该网页对应的热力图。
[0040] 需要说明的是，为了方便地对热力图数据进行存取，减少存储空间，本发明提供的 热力图的处理方法，还可以包括：
[0041] 在形成与各页面子区域对应的子曲面后，对各子曲面进行反解算，获取各子曲面 的曲面控制点并进行保存。
[0042] 具体地，获取与各页面子区域对应的子曲面后，对各子曲面进行反解算，获取与各 子曲面对应的曲面控制点并进行存储，保存所有曲面控制点的坐标，以便对热力图的有效 数据进行存储，并能够根据这些曲面控制点数据获取最终的拟合曲面及网页热力图。其中， 所采用的反解算方法包括均匀参数化法、向心参数化法、积累弦长参数化法和福利参数化 法等。
[0043] 需要说明的是，在对获取的曲面控制点进行存储的过程中，可将曲面控制点存储 至数据库或其它能够保存数据的地方。本发