CN110020384B - 一种热力图的实时展示方法及系统 - Google Patents

Abstract

本发明公开了一种热力图的实时展示方法及其系统，方法包括获取用户点击页面的坐标后，将坐标与ID号结合形成点击数据，再将点击数据添加至数据模型，形成新的数据模型并存储，再根据新的数据模型计算热力图的绘制数据，再根据绘制数据绘制热力图，最后进行更新并展示热力图。基于上述方法及系统，使得用户数据随着时间推移会发生变化时，热力图进行实时更新展示，从而有效提高了热力图展示的实时性，使得热力图的指导性增强。

Description

一种热力图的实时展示方法及系统

技术领域

本发明涉及计算机技术领域，尤其涉及一种热力图的实时展示方法。本发明还涉及一种应用上述方法的热力图的实时展示系统。

背景技术

通过分析用户在网站上的访问行为，可以得到用户的喜好与兴趣分布，从而为网站优化提供依据，以让网站的价值更大化。而热力图是一种比较直观的反映用户访问行为的方法。

热力图是指通过抓取用户在网站网页中点击行为数据，并将这些点击行为数据转换为不同的颜色值，以可视化的色彩图直观反映用户对网页内容的访问情况。

但是，由于用户数据随着时间推移会发生变化，且变化后的数据导向性也会跟着发生改变，导致依赖用户数据而形成的热力图展示存在实时性差，指导性弱的问题。

发明内容

本发明的目的是为了解决上述存在的至少一个问题，该目的是通过以下技术方案实现的。

本发明提供了一种热力图的实时展示方法，包括下述步骤：

S1：获取用户点击页面的坐标；

S2：将坐标与ID号结合形成点击数据；

S3：将点击数据添加至预设的数据模型，形成新的数据模型；

S4：根据新的数据模型计算热力图的绘制数据；

S5：根据绘制数据绘制热力图；

S6：更新并展示热力图。

优选地，获取用户点击页面的坐标，包括：对用户点击的页面按照经度和纬度进行坐标的定义，其中，零度纬线将用户点击的页面分割成相对于零度纬线对称的上部和下部，上部数据为正值，下部数据为负值，零度经线将用户点击的页面分割为相对于零度经线对称的左部和右部，左部数据为负值，右部数据为正值；以及将经度数据和纬度数据组合形成坐标。

优选地，在步骤S2中，将用户点击页面的内容进行定义，对于不同的可点击位置赋予不同数值作为ID号。

优选地，可点击位置为通过经度数据区间和纬度数据区间限定的区域。

优选地，在步骤S2包括：接收用户点击页面的坐标，通过查表将坐标与ID号进行匹配，将坐标与所匹配的ID号进行结合，形成包含点击数据的数据包进行发送。

优选地，数据模型中包括用户的标签信息和维度指标关系表，并且，步骤S3包括：接收具有点击数据的数据包，将点击数据添加至数据模型中，形成新的数据模型，将新的数据模型进行保存。

优选地，步骤S4中，对新的数据模型进行计算，根据计算结构得出热力图的绘制数据；

在步骤S5中，绘制热力图时，将用户的标签信息和维度关系进行同步绘制；

在步骤S6中，利用绘制完成的热力图对原有的热力图进行更新，将更新后的热力图进行展示。

本发明还提供了一种热力图的实时展示系统，包括：坐标获取模块，用于获取用户点击页面的坐标；点击数据形成模块，用于将坐标与ID号结合形成点击数据；数据模型形成模块，用于将点击数据添加至预设的数据模型，形成新的数据模型；绘制数据计算模块，用于根据新的数据模型计算热力图的绘制数据；热力图绘制模块，用于根据绘制数据绘制热力图；以及热力图展示模块，更新并展示热力图。

可选地，坐标获取模块包括：坐标定义子模块，用于对用户点击的页面按照经度和纬度进行坐标的定义，其中，零度纬线将用户点击的页面分割成相对于零度纬线对称的上部和下部，上部数据为正值，下部数据为负值，零度经线将用户点击的页面分割为相对于零度经线对称的左部和右部，左部数据为负值，右部数据为正值；以及坐标形成子模块，用于将经度数据和纬度数据组合形成坐标。

可选地，点击数据形成模块包括赋值子模块，用于将用户点击页面的内容进行定义，对于不同的可点击位置赋予不同数值作为所述ID号。

可选地，点击数据形成模块，包括数据包形成子模块，用于接收用户点击页面的坐标，通过查表将坐标与ID号进行匹配，将坐标与所匹配的ID号进行结合，形成包含点击数据的数据包进行发送。

可选地，数据模型中包括用户的标签信息和维度指标关系表，并且数据模型形成模块包括数据包接收子模块，用于接收包含点击数据的数据包，将点击数据添加至数据模型中，形成新的数据模型，将新的数据模型进行保存。

可选地，数据模型中包括用户的标签信息和维度指标关系表。

本发明提供的热力图的实时展示方法及系统，与现有技术相比的有益效果为：

1、通过精准获取用户点击页面的坐标，实时掌握用户在页面上的操作，并将用户点击页面的坐标与对应的ID号相匹配，形成具有坐标和ID号的点击数据，从而有效保证前端获取数据的精度，进而提高热力图的绘制精度。

2、将点击数据加载至数据模型中，从而形成新的数据模型，并对新的数据模型进行存储，并且新的数据模型为下一次更新时的计算依据，从而使得热力图更新速度得到有效提升。

3、利用新的数据模型进行计算，从而获得绘制热力图的绘制数据，通过形成新的数据模型，使得热力图的绘制数据实时更新，利用更新后的绘制数据进行绘图和展示，当用户数据随着时间推移而变化时，热力图的数据能够实时更新，从而有效提高了数据的实时性和指导性。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1为本发明所提供的热力图的实时展示方法的流程图；

图2为本发明所提供的热力图的实时展示系统的结构框图。

图3为本发明所提供的热力图的实施展示系统的示意图。

附图标记

1为采集单元；

2为处理单元，21为接收模块，22为调用模块，23为比较模块，24为计算模块，25为绘图模块，26为发送模块；

3为显示单元；

4为存储单元。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施方式。虽然附图中显示了本公开的示例性实施方式，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反，提供这些实施方式是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

请参考图1，图1为本发明所提供的热力图的实时展示方法的流程图。

在一种具体实施方式中，本发明所提供的热力图的实时展示方法，包括下述步骤：

S1：获取用户点击页面的坐标；通过获取用户点击页面的坐标实时获取用户在页面上的操作行为，并且通过提高坐标的精度，使得用户点击页面位置的信息采集更加精确，从而有效提高热力图绘制的精度，进而提高热力图的指导性。

S2：将坐标与ID号结合形成点击数据；当获取用户点击页面的坐标后，将坐标与该位置的ID号相结合形成点击数据，从而提高了用户点击页面行为的获取精度，使得热力图的绘制过程中能够更加准确，进而使得热力图的执行性更佳。

S3：将点击数据添加至预设的数据模型，形成新的数据模型；数据模型为更新时前一状态热力图所使用的数据模型，通过将点击数据添加至前一状态热力图所使用的数据模型中，使得数据进行更新，从而形成新的数据模型，从而为新的热力图的绘制提供了依据，该种方式能够利用前一数据模型作为当前计算的基础，能够有效降低计算的时间，从而有效提高了热力图的更新速率，使得响应速度得到有效提升。

S4：根据新的数据模型计算热力图的绘制数据。

S5：根据绘制数据绘制热力图。

S6：更新并展示热力图。

进一步理解的是，步骤S1包括：对用户点击的页面按照经度和纬度进行坐标的定义，其中，零度纬线将用户点击的页面分割成相对于零度纬线对称的上部和下部，上部数据为正值，下部数据为负值，零度经线将用户点击的页面分割为相对于零度经线对称的左部和右部，左部数据为负值，右部数据为正值；以及将经度数据和纬度数据组合形成坐标。通过对用户点击的页面进行经纬度的划分，用户点击页面时获取的坐标精度得到有效提升，从而使得热力图的绘制精度得到提升，进而提高了热力图的指导性。同时，零度经线与零度纬线的相交位置设置在用户点击的页面中心位置，通过零度经线和零度纬线将用户点击的页面划分成四个区域，并且根据直角坐标系的赋值原则对四个区域进行赋值，当用户点击页面时，所获取的坐标为度数值，并将该度数值进行传输，从而有效提高了热力图的绘制精度。

进一步地，步骤S2包括：将用户点击页面的内容进行定义，对于不同的可点击位置赋予不同数值作为ID号。用户点击页面的内容包括有多个版块，通过对每个版块分别进行定义，在定义时通过对每一个版块进行赋值，各版块的所得到的赋值数据均不相同，具有唯一性，每一个版块所赋的数值即为该版块的ID号，通过识别ID号即可直接获得对应版块信息。该种方式简单易行，能够有效提高点击数据的获取速度，从而提升了热力图更新的响应速度。

进一步地，可点击位置为通过经度数据区间和纬度数据区间限定的区域。上述点击位置为区间值，也就是说在用户点击的页面上的版块为一个区域，相邻两个区域的经纬度数据不重合，通过利用经度数据区间和纬度数据区间能够使得点击位置所涉及的版块进行有效定位，从而提高了定位的精度，使得热力图的绘制更加精准，进而提高了热力图的指导性。

具体理解的是，步骤S2包括：接收用户点击页面的坐标，通过查表将坐标与ID号进行匹配，将坐标与所匹配的ID号进行结合，形成包含点击数据的数据包进行发送。通过预先将用户点击的页面中所涉及的版块的ID号形成ID号表，ID号表中每一个ID号对应一个经纬度的区间值，当获得用户点击页面的坐标后，通过将坐标与ID号表中的每一个区间值进行比对，当用户点击页面的坐标处于一个区间值中时，将该区间值的ID号与用户点击页面的坐标合并形成具有点击数据的数据包进行传输。该种方式的定位精度高，能够有效提高热力地图绘制的精度，进而使得热力图的指导性更佳。

具体地，数据模型中包括用户的标签信息和维度指标关系表，并且步骤S3包括：接收具有点击数据的数据包，将点击数据添加至数据模型中，形成新的数据模型，将新的数据模型进行保存；保存后的数据模型为下一次热力图更新时点击数据的添加模型，从而使得整个计算的强度下降，提高了热力图更新的响应时间，同时，通过将用户的标签信息和维度指标关系表设置在数据模型中，使得绘制后的热力图的可视性更佳，指导性更优。

并且，优选地，在步骤S4中，对新的数据模型进行计算，根据计算结构得出热力图的绘制数据；在步骤S5中，绘制热力图时，将用户的标签信息和维度关系进行同步绘制；在步骤S6中，利用绘制完成的热力图对原有的热力图进行更新，将更新后的热力图进行展示。上述通过精确计算从而对热力图进行重新绘制，并将绘制后的热力图对前一热力图进行及时快速的更新，从而使得热力图的实时性更佳，指导性更强。

请参考图1和图2，其中，图2为执行上面所述的方法的实时展示系统的结构框图。

实时展示系统包括采集单元1、处理单元2、存储单元4和显示单元3；所述采集单元1，用于获取用户点击页面的行为和坐标；所述处理单元2，根据用户点击页面的坐标匹配对应的ID号，将坐标和ID号形成点击数据，将点击数据添加至数据模型，形成新的数据模型，利用新的数据模型对点击数据进行计算，得出热力图绘制数据，根据热力图绘制数据绘制热力图；存储单元4，用于存储ID号、数据模型和新的数据模型；所述显示单元3，用于接收热力图，更新原有的热力图，进行显示。

通过采集单元1获取用户点击页面的坐标，并将该坐标传输至处理单元2，处理单元2调用存储单元4内与坐标相匹配的ID号，将ID号和坐标形成点击数据，处理单元2调用存储单元4内的数据模型，将点击数据添加至数据模型中进行计算，从而得到新的热力图，并通过显示单元3进行更新显示，从而使得热力图实时性得到增强，进而提高了热力图的指导性。

进一步地，所述处理单元2包括接收模块21、调用模块22、比较模块23、计算模块24、绘图模块25和发送模块26；所述接收模块21，用于接收所述采集单元1发送的用户点击页面的坐标，并将接收到的用户点击页面的坐标传输至所述比较模块23；所述调用模块22，用于调取所述存储单元4内的ID号表和数据模型，将所述ID号表传输至所述比较模块23，将所述数据模型传输至计算模块24；所述比较模块23，用于将用户点击页面的坐标与所述ID号表进行比较查找，获取用户点击页面的坐标所对应的ID号，将用户点击页面的坐标和ID号形成点击数据传输至计算模块24；所述计算模块24，用于接收点击数据和数据模型，将点击数据添加至数据模型形成新的数据模型，将新的数据模型传输至所述存储单元4，根据新的数据模型计算热力图的绘制数据，将热力图的绘制数据传输至所述绘图模块25；所述绘图模块25，用于接收热力图的绘制数据，根据热力图的绘制数据绘制热力图；所述发送模块26，用于将绘制完成的热力图传输至所述显示单元3。

当用户点击页面的坐标获取完成后，接收模块21接收采集单元1发送的用户点击页面的坐标，并将接收到的用户点击页面的坐标传输至比较模块23，调用模块22调取存储单元4内的ID号表和数据模型，将ID号表传输至比较模块23，将数据模型传输至计算模块24，比较模块23将用户点击页面的坐标与所述ID号表进行比较查找，获取用户点击页面的坐标所对应的ID号，将用户点击页面的坐标和ID号形成点击数据传输至计算模块24，计算模块24接收点击数据和数据模型，将点击数据添加至数据模型形成新的数据模型，将新的数据模型传输至存储单元4，同时，根据新的数据模型计算热力图的绘制数据，将热力图的绘制数据传输至绘图模块25，绘图模块25接收热力图的绘制数据，根据热力图的绘制数据绘制热力图，发送模块26将绘制完成的热力图传输至所述显示单元3进行更新实现。

具体地，数据模型中包括用户的标签信息和维度指标关系表。通过将用户的标签信息和维度指标关系表设置在数据模型中，使得绘制后的热力图的可视性更佳，指导性更优。

此外，参考图3所示，根据本发明的另一个方面，提供了一种热力图的实时展示系统300。该系统是与图1中所示的方法对应的实时展示系统，包括：坐标获取模块310，用于获取用户点击页面的坐标；点击数据形成模块320，用于将所述坐标与ID号结合形成点击数据；数据模型形成模块330，用于将所述点击数据添加至预设的数据模型，形成新的数据模型；绘制数据计算模块340，用于根据所述新的数据模型计算热力图的绘制数据；热力图绘制模块350，用于根据所述绘制数据绘制热力图；以及热力图展示模块360，更新并展示所述热力图。

可选地，坐标获取模块包括：坐标定义子模块，用于对用户点击的页面按照经度和纬度进行坐标的定义，其中，零度纬线将用户点击的页面分割成相对于零度纬线对称的上部和下部，上部数据为正值，下部数据为负值，零度经线将用户点击的页面分割为相对于零度经线对称的左部和右部，左部数据为负值，右部数据为正值；以及坐标形成子模块，用于将经度数据和纬度数据组合形成坐标。

可选地，点击数据形成模块包括赋值子模块，用于将用户点击页面的内容进行定义，对于不同的可点击位置赋予不同数值作为所述ID号。

可选地，点击数据形成模块，包括数据包形成子模块，用于接收用户点击页面的坐标，通过查表将坐标与ID号进行匹配，将坐标与所匹配的ID号进行结合，形成包含点击数据的数据包进行发送。

可选地，数据模型中包括用户的标签信息和维度指标关系表，并且数据模型形成模块包括数据包接收子模块，用于接收包含点击数据的数据包，将点击数据添加至数据模型中，形成新的数据模型，将新的数据模型进行保存。

可选地，数据模型中包括用户的标签信息和维度指标关系表。

本发明提供的热力图的实时展示方法及系统，与现有技术相比的有益效果为：

1、通过精准获取用户点击页面的坐标，实时掌握用户在页面上的操作，并将用户点击页面的坐标与对应的ID号相匹配，形成具有坐标和ID号的点击数据，从而有效保证前端获取数据的精度，进而提高热力图的绘制精度。

2、将点击数据加载至数据模型中，从而形成新的数据模型，并对新的数据模型进行存储，并且新的数据模型为下一次更新时的计算依据，从而使得热力图更新速度得到有效提升。

3、利用新的数据模型进行计算，从而获得绘制热力图的绘制数据，通过形成新的数据模型，使得热力图的绘制数据实时更新，利用更新后的绘制数据进行绘图和展示，当用户数据随着时间推移而变化时，热力图的数据能够实时更新，从而有效提高了数据的实时性和指导性。

应当理解的是，尽管可以在文中使用术语第一、第二、第三等来描述多个元件、部件、区域、层和/或部段，但是，这些元件、部件、区域、层和/或比段不应被这些术语所限制。这些术语可以仅用来将一个元件、部件、区域、层或部段与另一区域、层或部段区分开。除非上下文明确地指出，否则诸如“第一”、“第二”之类的术语以及其它数字术语在文中使用时并不暗示顺序或者次序。

以上所述，仅为本发明较佳的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到的变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。

Claims (8)

1.一种热力图的实时展示方法，其特征在于，包括下述步骤：

获取用户点击页面的坐标；

将所述坐标与ID号结合形成点击数据；

将所述点击数据添加至预设的数据模型，形成新的数据模型；

根据所述新的数据模型计算热力图的绘制数据；

根据所述绘制数据绘制热力图；以及

更新并展示所述热力图；

其中，所述数据模型中包括用户的标签信息和维度指标关系表，所述将所述点击数据添加至预设的数据模型，形成新的数据模型，包括：

接收包含所述点击数据的数据包，将所述点击数据添加至数据模型中，形成新的数据模型，将新的数据模型进行保存。

2.根据权利要求1所述的热力图的实时展示方法，其特征在于，获取用户点击页面的坐标，包括：

对用户点击的所述页面按照经度和纬度进行坐标的定义，其中，零度纬线将用户点击的所述页面分割成相对于所述零度纬线对称的上部和下部，上部数据为正值，下部数据为负值，零度经线将用户点击的所述页面分割为相对于所述零度经线对称的左部和右部，左部数据为负值，右部数据为正值；以及

将经度数据和纬度数据组合形成所述坐标。

3.根据权利要求1所述的热力图的实时展示方法，其特征在于，将所述坐标与ID号结合形成点击数据，包括：将用户点击页面的内容进行定义，对于不同的可点击位置赋予不同数值作为所述ID号。

4.根据权利要求3所述的热力图的实时展示方法，其特征在于，所述可点击位置为通过经度数据区间和纬度数据区间限定的区域。

5.根据权利要求1所述的热力图的实时展示方法，其特征在于，将所述坐标与ID号结合形成点击数据，包括：接收用户点击页面的所述坐标，通过查表将所述坐标与ID号进行匹配，将所述坐标与所匹配的ID号进行结合，形成包含所述点击数据的数据包进行发送。

6.一种热力图的实时展示系统，其特征在于，包括：

坐标获取模块，用于获取用户点击页面的坐标；

点击数据形成模块，用于将所述坐标与ID号结合形成点击数据；

数据模型形成模块，用于将所述点击数据添加至预设的数据模型，形成新的数据模型；

绘制数据计算模块，用于根据所述新的数据模型计算热力图的绘制数据；

热力图绘制模块，用于根据所述绘制数据绘制热力图；以及

热力图展示模块，更新并展示所述热力图；

其中，所述数据模型中包括用户的标签信息和维度指标关系表，所述数据模型形成模块包括数据包接收子模块，用于接收包含所述点击数据的数据包，将所述点击数据添加至数据模型中，形成新的数据模型，将新的数据模型进行保存。

7.根据权利要求6所述的热力图的实时展示系统，其特征在于，坐标获取模块包括：

坐标定义子模块，用于对用户点击的所述页面按照经度和纬度进行坐标的定义，其中，零度纬线将用户点击的所述页面分割成相对于所述零度纬线对称的上部和下部，上部数据为正值，下部数据为负值，零度经线将用户点击的所述页面分割为相对于所述零度经线对称的左部和右部，左部数据为负值，右部数据为正值；以及

坐标形成子模块，用于将经度数据和纬度数据组合形成所述坐标。

8.根据权利要求7所述的热力图的实时展示系统，其特征在于，所述点击数据形成模块，包括数据包形成子模块，用于接收用户点击页面的所述坐标，通过查表将所述坐标与ID号进行匹配，将所述坐标与所匹配的ID号进行结合，形成包含所述点击数据的数据包进行发送。

Images