CN103605751B - 立体热力图的处理方法及装置 - Google Patents
立体热力图的处理方法及装置 Download PDFInfo
- Publication number
- CN103605751B CN103605751B CN201310596543.XA CN201310596543A CN103605751B CN 103605751 B CN103605751 B CN 103605751B CN 201310596543 A CN201310596543 A CN 201310596543A CN 103605751 B CN103605751 B CN 103605751B
- Authority
- CN
- China
- Prior art keywords
- dimensional
- thermodynamic diagram
- datum level
- plane
- click
- 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
- 238000010586 diagram Methods 0.000 title claims abstract description 147
- 238000003672 processing method Methods 0.000 title claims abstract description 9
- 238000000034 method Methods 0.000 claims abstract description 37
- 238000012545 processing Methods 0.000 claims description 14
- 239000007787 solid Substances 0.000 claims description 8
- 238000010438 heat treatment Methods 0.000 claims description 7
- 238000013507 mapping Methods 0.000 claims description 5
- 239000000284 extract Substances 0.000 claims description 3
- 238000000605 extraction Methods 0.000 claims description 2
- 238000004458 analytical method Methods 0.000 description 12
- 238000013461 design Methods 0.000 description 12
- 230000000694 effects Effects 0.000 description 9
- 230000008859 change Effects 0.000 description 6
- 238000012216 screening Methods 0.000 description 6
- 230000000007 visual effect Effects 0.000 description 6
- 230000008569 process Effects 0.000 description 4
- 230000011218 segmentation Effects 0.000 description 4
- 230000035807 sensation Effects 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 230000006399 behavior Effects 0.000 description 3
- 238000006243 chemical reaction Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 244000025254 Cannabis sativa Species 0.000 description 2
- 241001062009 Indigofera Species 0.000 description 2
- 230000015572 biosynthetic process Effects 0.000 description 2
- 239000003086 colorant Substances 0.000 description 2
- 230000007812 deficiency Effects 0.000 description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 238000005259 measurement Methods 0.000 description 2
- ORFSSYGWXNGVFB-UHFFFAOYSA-N sodium 4-amino-6-[[4-[4-[(8-amino-1-hydroxy-5,7-disulfonaphthalen-2-yl)diazenyl]-3-methoxyphenyl]-2-methoxyphenyl]diazenyl]-5-hydroxynaphthalene-1,3-disulfonic acid Chemical compound COC1=C(C=CC(=C1)C2=CC(=C(C=C2)N=NC3=C(C4=C(C=C3)C(=CC(=C4N)S(=O)(=O)O)S(=O)(=O)O)O)OC)N=NC5=C(C6=C(C=C5)C(=CC(=C6N)S(=O)(=O)O)S(=O)(=O)O)O.[Na+] ORFSSYGWXNGVFB-UHFFFAOYSA-N 0.000 description 2
- 238000003860 storage Methods 0.000 description 2
- 238000010792 warming Methods 0.000 description 2
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 description 2
- 241000196324 Embryophyta Species 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 238000004040 coloring Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 239000012141 concentrate Substances 0.000 description 1
- 238000005520 cutting process Methods 0.000 description 1
- 238000013480 data collection Methods 0.000 description 1
- 238000009795 derivation Methods 0.000 description 1
- 238000009826 distribution Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000007935 neutral effect Effects 0.000 description 1
- 230000008439 repair process Effects 0.000 description 1
- 238000004088 simulation Methods 0.000 description 1
- 238000001228 spectrum Methods 0.000 description 1
- 230000009897 systematic effect Effects 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
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/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T17/00—Three dimensional [3D] modelling, e.g. data description of 3D objects
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Computer Graphics (AREA)
- Geometry (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种立体热力图的处理方法及装置。其中，该方法包括：获取网页页面的平面热力图的数据，平面热力图的数据包括网页页面的点击数据；基于点击获取层建立三维坐标系，获取轴测图；将平面热力图的数据显示在轴测图上，获取立体热力图；使用预设的第一基准面和第二基准面来分割立体热力图，获取预定范围内的立体热力图。通过本发明，能够实现在可以直观显示大数据的数量级的基础上，可以精确阅读热力图。
Description
技术领域
本发明涉及计算机互联网领域，具体而言，涉及一种立体热力图的处理方法及装置。
背景技术
现有的热力图通过抓取用户鼠标的点击量来获取用户对每一个网页栏目的点击量、渠道来源、地理位置等，推导用户习惯，热力图通过对用户点击量的收录、计算并转化为不同的颜色值，以可视化的色彩图直观的反映用户的点击情况。并通过圈选热力图的位置，从而查看固定区域的用户点击数，用户来源比等细分数据。
为了实现热力图，现有技术可以首先针对每一张页面设计了一个id号，对页面的位置进行鼠标位置点击的抓取，将鼠标的点击数值转化为颜色，鼠标的点击的多少对应的是所设计的颜色等级，从而形成一张可视化程度较高的色彩图谱，通过色彩图谱直接反应一个网站的各个部分的内容的使用情况。即获取到使用色彩图谱显示网页页面点击情况的热力图，其中热力图点击数量向颜色的转化，通过对颜色的直观阅读从而获得用户页面行为的可见识别。由于点击数量向颜色的转化使得热力图的图谱流失了一定的精确性。同时在热力图上圈选相关的流量范围的时候都是手动筛选，难以进行精确的范围圈定。
目前针对相关技术的平面热力图无法直观反映大数据的数量级，且无法有针对性的精确获知点击量的问题，目前尚未提出有效的解决方案。
发明内容
针对相关技术的平面热力图无法直观反映大数据的数量级，且无法有针对性的精确获知点击量的问题，目前尚未提出有效的解决方案，为此，本发明的主要目的在于提供一种立体热力图的处理方法及装置，以解决上述问题。
为了实现上述目的，根据本发明的一个方面，提供了一种立体热力图的处理方法，该方法包括：获取网页页面的平面热力图的数据，平面热力图的数据包括网页页面的点击数据；基于点击获取层建立三维坐标系，获取轴测图；将平面热力图的数据显示在轴测图上，获取立体热力图；使用预设的第一基准面和第二基准面来分割立体热力图，获取预定范围内的立体热力图。
为了实现上述目的，根据本发明的另一方面，提供了一种立体热力图的处理装置，该装置包括：获取模块，用于获取网页页面的平面热力图的数据，平面热力图的数据包括网页页面的点击数据；建立模块，用于基于点击获取层建立三维坐标系，获取轴测图；处理模块，用于将平面热力图的数据显示在轴测图上，获取立体热力图；选定热力图获取模块，用于使 用预设的第一基准面和第二基准面来分割立体热力图，获取预定范围内的立体热力图。
通过本发明，采用获取网页页面的平面热力图的数据，平面热力图的数据包括网页页面的点击数据；基于点击获取层建立三维坐标系，获取轴测图；将平面热力图的数据显示在轴测图上，获取立体热力图；使用预设的第一基准面和第二基准面来分割立体热力图，获取预定范围内的立体热力图，解决了相关技术的平面热力图无法直观反映大数据的数量级，且无法有针对性的精确获知点击量的问题，进而实现在可以直观显示大数据的数量级的基础上，可以精确阅读热力图的效果。
附图说明
此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：
图1是根据本发明实施例的立体热力图的处理方法的流程示意图；
图2是根据本发明图1所示实施例的立体热力图的显示示意图；
图3是对本发明图2所示立体热力图的截取处理后的显示示意图；
图4是是根据本发明图1所示实施例的旋转观测的状态示意图；以及
图5是根据本发明实施例的立体热力图的处理装置的结构示意图。
具体实施方式
需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本发明。
实施例一：
在其最基本的配置中，图1是根据本发明实施例的立体热力图的处理方法的流程示意图。如图1所示，该方法包括如下步骤：
步骤S10，获取网页页面的平面热力图的数据，平面热力图的数据包括网页页面的点击数据。
步骤S30，基于点击获取层建立三维坐标系，获取轴测图。
步骤S50，将平面热力图的数据显示在轴测图上，获取立体热力图。
步骤S70，使用预设的第一基准面和第二基准面来分割立体热力图，获取预定范围内的立体热力图。
本申请上述实施例实现了，在获取到网页的平面热力图，以及平面热力图上显示的网页页面的点击数据之后，通过创建三维结构的轴测图，将平面热力图上显示的点击数据导入到对应的轴测图上，从而使得原来平面显示的热力图以立体热力图的形式进行显示，并通过预 先设立的两个基准面对生成的立体热力图进行分割，从而获取两个基准面分割后的预定范围内的立体热力图，因此，这个立体热力图是经过拆分的，只显示了选定部分的立体热力图。将选定的立体热力图再投射在平面热力图上，和网页内容相对应，协助分析更加精确的两个基准面之间的区域确定的点击范围的网页内容，增加了立体热力图的使用的精确性。通过本实施例，可以在实现更加直观、优化的网页页面点击数据的基础上，精确显示预选范围内的效果图。解决了相关技术的平面热力图无法直观反映大数据的数量级，且无法有针对性的精确获知点击量的问题，进而实现在可以直观显示大数据的数量级的基础上，可以精确阅读热力图的效果。
由此可知，上述实施例提供的立体热力图的处理方案在立体坐标的系的上设定数量选取的基准面，通过基准面对热力图的分割，然后通过设定另一个基准面上在设定筛选的基准面，就可以在立体热力图上达到一个闭合的中间区域，这个区域代表着这个数量级的点击量，从而更加精确的分析热力图和相关的网页内容。协助用户更加精确的读取热力图。因此，上述方案开拓了一种新的数据观察方法和用户理解、读取数据的方法，将在立体热力图上开拓新的阅读方式，操作交互方式，这些将是以立体热力图为基础的设计和技术创新，希望对热力图和其功能延展性的创新加以保护。同时也包含了基于热力图的数据筛选和栏目筛选方式。既实现了平面热力图的功能需求，也增加了用户良好用户体验。
具体的，本申请上述实施例中的基准面是指测量学上所说之基准面，是指平均海水面而言，平均海水面是测量陆地高程与海洋深度之起算点，须由特设之验潮站经过多年之观测始可采用。此处的基准面是沿用了海平面的表现形式，同时再起基础上做了虚拟的概念的拓展。作为一个衡量标准。
轴测图是一种单面投影图，在一个投影面上能同时反映出物体三个坐标面的形状，并接近于人们的视觉习惯，形象、逼真，富有立体感。本实施例可以采用轴测图作为用户进行进一步改进网页页面布局的辅助图样，来设计更符合用户点击习惯的网页布局结构，在设计中，使用轴测图可以帮助构思、想象物体的形状，以弥补正投影图的平面热力图不直观的不足。
优选地，本申请上述实施例中，步骤S30基于点击获取层建立三维坐标系，获取轴测图的步骤可以通过如下方式实现：设置点击获取层的平面横向坐标为x坐标，平面纵向坐标为y坐标，垂直于点击获取层平面的坐标为z坐标，生成三维坐标系，且三维坐标系默认轴向为45度。
具体的，本申请上述实施例通过将鼠标点击的点击获取层的横向坐标作为x轴，纵向坐标为y轴，以鼠标的点击量为纵轴z轴，建立立体坐标系x轴，y轴，z轴，其中，x、y轴分别对应的是网页的横向和纵向，z轴表示的是点击的数量，每点击一次的单位为可以为1，坐标系默认为轴向45°，即轴测图，此时形成立体的图形，宏观的表现点击的数量级，为了更加直观的表现数量的细分，将颜色覆盖在立体热力图上，从冷色区域到暖色区域，表示从小数量级到大数量级上。其中，数据库中每个点击位置对应累加后的点击次数显示在z轴。
如图2和3所示，本申请上述实施例中，步骤S70实现了使用预设的第一基准面和第二基准面来分割如图2所示的立体热力图，获取如图3所示的预定范围内的立体热力图，图2和图3中立体热力图根据不同的热度对应不同的颜色。
具体的，上述方案可以通过如下步骤实现：
步骤S701，获取z坐标轴上预设的第一基准值，第一基准值对应第一点击数量。具体的，该步骤以立体热力图的z轴为标准，设定基准面，从而通过基准面对热力图切片。
步骤S702，以第一基准值为中心在平面进行延伸，生成第一基准面，第一基准面平行于网页页面。
步骤S703，在z坐标轴上的第一基准值的预定范围内选择预设的第二基准值，第二基准值对应第二点击数量。
步骤S704，以第二基准值为中心在平面进行延伸，生成第二基准面，其中，第二基准面与第一基准面平行，第二基准面也可以上下移动，换选取数值。
步骤S705，提取第一基准面和第二基准面之间的闭合区域内的立体热力图，生成预定范围内的立体热力图。
由此可知，上述方案在设立的立体热力图的标准基准面以后，再设定一个范围选定的基准面，从而可以框选出点击量处于中间层的“山峰”，再转化为覆盖在网页上的立体热力图，这个立体热力图是经过拆分的，可以在立体热力图上达到一个闭合的中间区域，这个区域代表着这个数量级的点击范围，从而更加精确的分析立体热力图和相关的网页内容。协助用户更加精确的读取立体热力图。
优选地，本申请上述实施例实现了，在步骤S70使用预设的第一基准面和第二基准面来分割立体热力图，获取预定范围内的立体热力图之后，还可以包括如下实施方案：
步骤S706，将立体热力图覆盖在对应的网页页面上，其中，立体热力图的底面平行于对应的网页页面。
步骤S707，察看立体热力图的俯视图，读取预定范围内的立体热力图在对应的网页页面上的内容，其中，预定范围内的立体热力图包括：第一基准面和第二基准面中间区域内的立体热力图。
具体的，上述方案实现了通过选用顶视图，来查看选者区域与网页内容的对应。这样就能够筛选出特定数量级范围的相关网页内容。例如：分析人员希望能够快速查找与中间形态的网页内容，并给出分析和优化方式，此时就能使用次功能，并且可以更加精确的描述分析。
优选地，在本申请上述各个实施例中，步骤S10获取网页页面的平面热力图的数据的步骤可以包括如下步骤：
步骤S101，在网页页面上创建点击获取层，在网页上建立坐标系，收集用户鼠标点击数据的坐标，给当前的页面内容设置一个id，当内容变化的时候，动态更新当前id，并将鼠标的点击数据的坐标和其所对应的id号结合到一块形成点击数据，以适应后台olap分析结构的形式发送给数据收集服务器，存入数据库。将点击数据与系统收集到的相关联的数据整合到一起，使点击数据和最总的购买等kpi数据联系到一块。这一层数据可以和颜色做对应，从而自动形成平面热力图。
步骤S102，在网页页面发生点击操作之后，记录点击获取层获取到点击数据，点击数据包括：点击位置和每个点击位置的点击次数，以及点击行为后相关联的事件。具体的，用户在可以使用鼠标点击网页页面之后，由点击获取层来获取点击数据。
步骤S103，按照点击位置的点击次数确定该点击位置的显示颜色。
本申请上述各个步骤实现了方案，首先对每一个网页页面设置对应各个网页的id标识信息，对网页进行编号。从而使得在网页页面发生变化时，可以动态更新当前的网页标识ID，将当前鼠标点击网页页面生成的点击位置坐标及点击次数和其所对应的网页页面的ID号结合后得到点击数据，并保存在后台数据库中。接着，在建立网页页面的鼠标点击的点击获取层上记录鼠标的点击数据。鼠标点击的点击获取层可以覆盖整个页面屏幕大小，不做边界限制。
优选地，上述实施例中，记录鼠标的点击位置的过程中，每点击一次则该位置的点击数目记录为1，依次累加得到该点击位置的点击次数。最终将得到的每个点击位置坐标及其点击次数保存至数据库。
本申请上述实施例中，在步骤S50将平面热力图的数据显示在轴测图上，获取立体热力图之前，方法还可以包括如下实施步骤：
步骤S301，获取预先设置的时间阈值。
步骤S302，读取时间阈值之内记录的平面热力图对应的页面的数据。
步骤S303，并在将平面热力图的数据显示在轴测图上。上述轴测图可以拥有两种形式的最佳角度，一个是正轴测图，x、y、z之间均为120度；第二为斜轴测图，z、x之间的夹角为90度，其他为135度，都能获得理想的立体热力图观测角度，每当用户在页面上点击一次的时候，就记录用户点击的位子和位子的点击次数，然后对应在立体坐标系中，x,y轴的对应的位子不变，将对应点的数量在z轴上显示，一个点击量记录为数量点击量1。在获取立体热力图之后，按照色环中的颜色顺序设置立体热力图的显示颜色。该步骤中显示颜色为系统为轴测图z轴上每个点击次数设置的颜色值，可以首先读取色环中颜色所对应的立体热力图的数据（例如点击数量），并将当前颜色显示在立体热力图上该数据对应的位置。
具体的，上述实施例实现了设立时间段，并描绘在时间段中的立体热力图。其中，色环是指在彩色光谱中所见的长条形的色彩序列，在电脑的成色技术上是以RGB为标准的颜色基础上，red（红），green（绿），blue（蓝）是三个基本颜色,红色是极暖的颜色，颜色由于反射被人们所观看，所以形成cmy的反色颜色的系列标准，cyan（青）、magenta（品红）、yellow（黄），其中青是极冷色。将极冷色和极暖色做收尾，将首尾连接在一起，在色环上经历的半个色环作为颜色标准，需跨越冷色区域和暖色区域。
上述方案中设立的颜色值，选取色环上的冷极色蓝色为作为最低值，选取半个色环（同样也可以选择两半边的色环作颜色标准，来对应相关的数值）。按照蓝，绿，黄，橙的颜色顺序，设定色彩变化的增量，对立体热力图进行着色。其中，冷极和暖极指的颜色给人的色彩感受，这些色彩感受偏向于人对色彩的冷暖。冷极为纯蓝色，暖极为红色和黄色的同等混合，得到的橙色。
本申请上述实施例中，在步骤S50将平面热力图的数据显示在轴测图上，获取立体热力图之后，方法还可以包括如下实施步骤：步骤S501，以立体热力图的轴测图的z轴为准，以半球旋转的形式显示立体热力图。
具体的，如图4所示，上述方案实现了半球型旋转功能的设定，即为热力图设定半球旋转，不显示热力图底部。通过角度旋转观看，可以通过高度和颜色对不同的点击量形成一个清晰的宏观概念上对比。从而保证用户视觉空间是在热力图的“山峰”上，从能够多角度拥有较好的观测效果。这样热力图将会有顶视角度，顶视效果将等同于平面热力图。
由上可知，本申请上述实施例还可以实现在将平面的热力图转化为立体热力图之后，以页面的横边为X轴，纵向为Y轴，以鼠标的点击数量为z轴，搭建立体热力图的坐标系，通过点击位置的数量描绘出感官性更加强烈的立体热力图。同时不同的数量级对应不同的颜色，对立体热力图进行分等级着色，从而形成色阶立体热力图。在立体坐标的系的z轴上设定数量选取的基准面，通过基准面对热力图的分割，在基准面上在设定筛选的基准面，就可以在立体热力图上达到一个闭合的中间区域，这个区域代表着这个数量级的点击量，从而更加精确的分析热力图和相关的网页内容。协助用户更加精确的读取热力图。
需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。
实施例二：
在描述本申请的各实施例的进一步细节的过程中，将参考图5来描述可用于实现本申请的原理的一个合适的计算体系结构。在以下描述中，除非另外指明，否则将参考由一个或多个计算机执行的动作和操作的符号表示来描述本申请的各实施例。由此，可以理解，有时被称为计算机执行的这类动作和操作包括计算机的处理单元对以结构化形式表示数据的电信号的操纵。这一操纵转换了数据或在计算机的存储器系统中的位置上维护它，这以本领域的技术人员都理解的方式重配置或改变了计算机的操作。维护数据的数据结构是具有数据的格式所定义的特定属性的存储器的物理位置。然而，尽管在上述上下文中描述本申请，但它并不意味着限制性的，如本领域的技术人员所理解的，后文所描述的动作和操作的各方面也可用硬件来实现。
转向附图，其中相同的参考标号指代相同的元素，本申请的原理被示为在一个合适的计算环境中实现。以下描述基于所述的本申请的实施例，并且不应认为是关于此处未明确描述的替换实施例而限制本申请。
图5示出了可用于这些设备的一个示例计算机体系结构的示意图。出于描述的目的，所绘的体系结构仅为合适环境的一个示例，并非对本申请的使用范围或功能提出任何局限。也不应将该计算系统解释为对图5所示的任一组件或其组合具有任何依赖或需求。
本申请的原理可以使用其它通用或专用计算或通信环境或配置来操作。适用于本申请的众所周知的计算系统、环境和配置的示例包括但不限于，个人计算机、服务器，多处理器系统、基于微处理的系统、小型机、大型计算机、以及包括任一上述系统或设备的分布式计算 环境。
图5是根据本发明实施例的立体热力图的处理装置的结构示意图。如图5所示，该立体热力图的处理装置可以包括：获取模块102、建立模块104、处理模块106和选定热力图获取模块108。
其中，获取模块102，用于获取网页页面的平面热力图的数据，平面热力图的数据包括网页页面的点击数据；建立模块104，用于基于点击获取层建立三维坐标系，获取轴测图；处理模块106，用于将平面热力图的数据显示在轴测图上，获取立体热力图；选定热力图获取模块108，用于使用预设的第一基准面和第二基准面来分割立体热力图，获取预定范围内的立体热力图。
本申请上述实施例实现了，在获取到网页的平面热力图，以及平面热力图上显示的网页页面的点击数据之后，通过创建三位结构的轴测图，将平面热力图上显示的点击数据导入到对应的轴测图上，从而使得原来平面显示的平面热力图以立体热力图的形式进行显示，并通过预先设立的立体热力图的两个基准面对生成的立体热力图进行分割，从而获取两个基准面分割后的预定范围内的立体热力图，因此，这个立体热力图是经过拆分的，只显示了选定部分的立体热力图。协助分析更加精确的点击范围的网页内容，增加了立体热力图的使用的精确性。通过本实施例，可以在实现更加直观、优化的网页页面点击数据的基础上，精确显示预选范围内的效果图。解决了相关技术的立体热力图无法直观反映大数据的数量级，且无法有针对性的精确获知点击量的问题，进而实现在可以直观显示大数据的数量级的基础上，可以精确阅读热力图的效果。
由此可知，上述实施例提供的立体热力图的处理方案在立体坐标的系的上设定数量选取的基准面，通过基准面对热力图的分割，然后通过设定另一个基准面上在设定筛选的基准面，就可以在立体热力图上达到一个闭合的中间区域，这个区域代表着这个数量级的点击量，从而更加精确的分析热力图和相关的网页内容。协助用户更加精确的读取热力图。因此，上述方案开拓了一种新的数据观察方法和用户理解、读取数据的方法，将在立体热力图上开拓新的阅读方式，操作交互方式，这些将是以立体热力图为基础的设计和技术创新，希望对热力图和其功能延展性的创新加以保护。同时也包含了基于热力图的数据筛选和栏目筛选方式。既实现了平面热力图的功能需求，也增加了用户良好用户体验。
具体的，本申请上述实施例中的基准面是指测量学上所说之基准面，是指平均海水面而言，平均海水面是测量陆地高程与海洋深度之起算点，须由特设之验潮站经过多年之观测始可采用。此处的基准面是沿用了海平面的表现形式，同时再起基础上做了虚拟的概念的拓展。作为一个衡量标准。
轴测图是一种单面投影图，在一个投影面上能同时反映出物体三个坐标面的形状，并接近于人们的视觉习惯，形象、逼真，富有立体感。本实施例可以采用轴测图作为用户进行进一步改进网页页面布局的辅助图样，来设计更符合用户点击习惯的网页布局结构，在设计中，使用轴测图可以帮助构思、想象物体的形状，以弥补正投影图的平面热力图不直观的不足。
优选地，上述实施例中的建立模块包括：设置模块，用于设置点击获取层的平面横向坐 标为x坐标，平面纵向坐标为y坐标，垂直于点击获取层平面的坐标为z坐标，生成三维坐标系，且三维坐标系默认轴向为45度。
具体的，本申请上述实施例通过将鼠标点击的点击获取层的横向坐标作为x轴，纵向坐标为y轴，以鼠标的点击量为纵轴z轴，建立立体坐标系。x轴，y轴，z轴，其中，x、y轴分别对应的是网页的横向和纵向，z轴表示的是点击的数量，每点击一次的单位为可以为1，坐标系默认为轴向45°，即轴测图，此时形成立体的图形，宏观的表现点击的数量级，为了更加直观的表现数量的细分，将颜色覆盖在立体热力图上，从冷色区域到暖色区域，表示从小数量级到大数量级上。其中，数据库中每个点击位置对应累加后的点击次数显示在z轴。
本申请上述实施例中的选定热力图获取模块108可以包括：第一子获取模块，用于获取z坐标轴上预设的第一基准值，第一基准值对应第一点击数量；第一生成模块，用于以第一基准值为中心在平面进行延伸，生成第一基准面，第一基准面平行于网页页面；选择模块，用于在z坐标轴上的第一基准值的预定范围内选择预设的第二基准值，第二基准值对应第二点击数量；第二生成模块，用于以第二基准值为中心在平面进行延伸，生成第二基准面，其中，第二基准面与第一基准面平行；提取模块，用于提取第一基准面和第二基准面之间的闭合区域内的立体热力图，生成预定范围内的立体热力图。
由此可知，上述方案在设立的热力图的标准基准面以后，再设定一个范围选定的基准面，从而可以框选出点击量处于中间层的“山峰”，再转化为覆盖在网页上的热力图，这个热力图是经过拆分的，可以在立体热力图上达到一个闭合的中间区域，这个区域代表着这个数量级的点击量，从而更加精确的分析热力图和相关的网页内容。协助用户更加精确的读取热力图。
优选地，上述实施例中的装置还可以包括：覆盖模块，用于将立体热力图覆盖在对应的网页页面上，其中，立体热力图的底面平行于对应的网页页面；第一读取模块，用于察看立体热力图的俯视图，读取预定范围内的立体热力图在对应的网页页面上的内容，其中，预定范围内的立体热力图包括：第一基准面和第二基准面中间区域内的立体热力图。
具体的，上述方案实现了通过.选用顶视图，来查看选者区域与网页内容的对应。这样就能够筛选出特定数量级范围的相关网页内容。例如：分析人员希望能够快速查找与中间形态的网页内容，并给出分析和优化方式，此时就能使用次功能，并且可以更加精确的描述分析。
优选地，上述实施例中的获取模块102可以包括：创建模块，用于在网页页面上创建点击获取层；记录模块，用于在网页页面发生点击操作之后，记录点击获取层获取到点击数据，点击数据包括：点击位置和每个点击位置的点击数量，以及点击行为后相关联的事件；确定模块，用于按照点击位置的点击数量确定该点击位置的显示颜色。
优选地，上述实施例中的装置还可以包括：第二子获取模块，用于获取预先设置的时间阈值；第二读取模块，用于读取时间阈值之内记录的平面热力图对应的页面的数据；子设置模块，用于并在将平面热力图的数据显示在轴测图上，获取立体热力图之后，方法还包括：按照色环中的颜色顺序设置立体热力图的显示颜色。可以首先读取色环中颜色所对应的立体热力图的数据（例如点击数量），并将当前颜色显示在立体热力图上该数据对应的位置。
具体的，上述实施例实现了设立时间段，并描绘在时间段中的立体热力图。其中，色环 在电脑的成色技术上是以RGB为标准的颜色基础上，red（红），green（绿），blue（蓝）是三个基本颜色,红色是极暖的颜色，颜色由于反射被人们所观看，所以形成cmy的反色颜色的系列标准，cyan（青）、magenta（品红）、yellow（黄），其中青是极冷色。将极冷色和极暖色做收尾，将首尾连接在一起，在色环上经历的半个色环作为颜色标准，需跨越冷色区域和暖色区域。
上述方案中设立的颜色值，选取色环上的冷极色蓝色为作为最低值，选取半个色环（同样也可以选择两半边的色环作颜色标准，来对应相关的数值）。按照蓝，绿，黄，橙的颜色顺序，设定色彩变化的增量，对立体热力图进行着色。其中，冷极和暖极指的颜色给人的色彩感受，这些色彩感受偏向于人对色彩的冷暖。冷极为纯蓝色，暖极为红色和黄色的同等混合，得到的橙色。
本申请上述各个装置所实现的方案，首先对每一个网页页面设置对应各个网页的id标识信息，对网页进行编号。从而使得在网页页面发生变化时，可以动态更新当前的网页标识ID，将当前鼠标点击网页页面生成的点击位置坐标及点击次数和其所对应的网页页面的ID号结合后得到点击数据，并保存在后台数据库中。接着，在建立网页页面的鼠标点击的点击获取层上记录鼠标的点击数据。鼠标点击的点击获取层可以覆盖整个页面屏幕大小，不做边界限制。
优选地，上述实施例中的装置还可以包括：旋转显示模块，用于以立体热力图的轴测图的z轴为准，以半球旋转的形式显示立体热力图。
具体的，上述方案实现了半球型旋转功能的设定，即为热力图设定半球旋转，不显示热力图底部。通过角度旋转观看，可以通过高度和颜色对不同的点击量形成一个清晰的宏观概念上对比。从而保证用户视觉空间是在热力图的“山峰”上，从能够多角度拥有较好的观测效果。这样热力图将会有顶视角度，顶视效果将等同于平面热力图。
从以上的描述中，可以看出，本发明实现了如下技术效果：通过本实施例，可以在实现更加直观、优化的网页页面点击数据的基础上，精确显示预选范围内的效果图。解决了相关技术的热力图无法直观反映大数据的数量级，且无法有针对性的精确获知点击量的问题，进而实现在可以直观显示大数据的数量级的基础上，可以精确阅读热力图的效果。
另外还包括如下优势：高度维度的增加设计，高对模拟点击量的可视化方式优于颜色对点击量的表现；颜色立体化设计，颜色除了面积的变化将会和立体空间结合起来，能够更大程度的放大点击量的范围类比；半球型旋转功能的设定，通过角度旋转观看，可以通过高度和颜色对不同的点击量形成一个清晰的宏观概念上对比。
通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）执行本申请各个实施例或者实施例的某些部分所述的方法。
本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相 参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
本申请可用于众多通用或专用的计算系统环境或配置中。例如：个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器系统、基于微处理器的系统、置顶盒、可编程的消费电子设备、网络PC、小型计算机、大型计算机、包括以上任何系统或设备的分布式计算环境等等。
显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。
以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
Claims (14)
1.一种立体热力图的处理方法，其特征在于，包括：
获取网页页面的平面热力图的数据，所述平面热力图的数据包括网页页面的点击数据；
基于点击获取层建立三维坐标系，获取轴测图；
将所述平面热力图的数据显示在所述轴测图上，获取立体热力图；
使用预设的第一基准面和第二基准面来分割所述立体热力图，获取预定范围内的立体热力图；
其中，将所述预定范围内的立体热力图投射到平面热力图上。
2.根据权利要求1所述的方法，其特征在于，基于所述点击获取层建立三维坐标系，获取轴测图的步骤包括：设置所述点击获取层的平面横向坐标为x坐标，平面纵向坐标为y坐标，垂直于所述点击获取层平面的坐标为z坐标，生成所述三维坐标系，且所述三维坐标系默认轴向为45度。
3.根据权利要求2所述的方法，其特征在于，使用预设的第一基准面和第二基准面来分割所述立体热力图，获取预定范围内的立体热力图的步骤包括：
获取z坐标轴上预设的第一基准值，所述第一基准值对应第一点击数量；
以所述第一基准值为中心在平面进行延伸，生成所述第一基准面，所述第一基准面平行于所述网页页面；
在所述z坐标轴上的第一基准值的预定范围内选择预设的第二基准值，所述第二基准值对应第二点击数量；
以所述第二基准值为中心在平面进行延伸，生成所述第二基准面，其中，所述第二基准面与所述第一基准面平行；
提取所述第一基准面和所述第二基准面之间的闭合区域内的立体热力图，生成所述预定范围内的立体热力图。
4.根据权利要求3所述的方法，其特征在于，在使用预设的第一基准面和第二基准面来分割所述立体热力图，获取预定范围内的立体热力图之后，所述方法还包括：
将所述立体热力图覆盖在对应的网页页面上，其中，所述立体热力图的底面平行于对应的网页页面；
察看所述立体热力图的俯视图，读取所述预定范围内的立体热力图在对应的网页页面上的内容，其中，所述预定范围内的立体热力图包括：所述第一基准面和所述第二基准面中间区域内的立体热力图。
5.根据权利要求1-4中任意一项所述的方法，其特征在于，获取所述网页页面的平面热力图的数据包括：
在所述网页页面上创建点击获取层；
在所述网页页面发生点击操作之后，记录所述点击获取层获取到所述点击数据，所述点击数据包括：点击位置和每个点击位置的点击数量，以及点击行为后相关联的事件；
按照所述点击位置的点击数量确定该点击位置的显示颜色。
6.根据权利要求5所述的方法，其特征在于，在将所述平面热力图的数据显示在所述轴测图上，获取立体热力图之前，所述方法还包括：
获取预先设置的时间阈值；
读取所述时间阈值之内记录的所述平面热力图对应的页面的数据；
并在将所述平面热力图的数据显示在所述轴测图上，获取立体热力图之后，所述方法还包括：按照色环中的颜色顺序设置所述立体热力图的显示颜色。
7.根据权利要求6所述的方法，其特征在于，在将所述平面热力图的数据显示在所述轴测图上，获取立体热力图之后，所述方法还包括：
以所述立体热力图的轴测图的z轴为准，以半球旋转的形式显示所述立体热力图。
8.一种立体热力图的处理装置，其特征在于，包括：
获取模块，用于获取网页页面的平面热力图的数据，所述平面热力图的数据包括网页页面的点击数据；
建立模块，用于基于点击获取层建立三维坐标系，获取轴测图；
处理模块，用于将所述平面热力图的数据显示在所述轴测图上，获取立体热力图；
选定热力图获取模块，用于使用预设的第一基准面和第二基准面来分割所述立体热力图，获取预定范围内的立体热力图；
其中，所述处理装置还用于将所述预定范围内的立体热力图投射到平面热力图上。
9.根据权利要求8所述的装置，其特征在于，所述建立模块包括：设置模块，用于设置所述点击获取层的平面横向坐标为x坐标，平面纵向坐标为y坐标，垂直于所述点击获取层平面的坐标为z坐标，生成所述三维坐标系，且所述三维坐标系默认轴向为45度。
10.根据权利要求9所述的装置，其特征在于，所述选定热力图获取模块包括：
第一子获取模块，用于获取z坐标轴上预设的第一基准值，所述第一基准值对应第一点击数量；
第一生成模块，用于以所述第一基准值为中心在平面进行延伸，生成所述第一基准面，所述第一基准面平行于所述网页页面；
选择模块，用于在所述z坐标轴上的第一基准值的预定范围内选择预设的第二基准值，所述第二基准值对应第二点击数量；
第二生成模块，用于以所述第二基准值为中心在平面进行延伸，生成所述第二基准面，其中，所述第二基准面与所述第一基准面平行；
提取模块，用于提取所述第一基准面和所述第二基准面之间的闭合区域内的立体热力图，生成所述预定范围内的立体热力图。
11.根据权利要求10所述的装置，其特征在于，所述装置还包括：
覆盖模块，用于将所述立体热力图覆盖在对应的网页页面上，其中，所述立体热力图的底面平行于对应的网页页面；
第一读取模块，用于察看所述立体热力图的俯视图，读取所述预定范围内的立体热力图在对应的网页页面上的内容，其中，所述预定范围内的立体热力图包括：所述第一基准面和所述第二基准面中间区域内的立体热力图。
12.根据权利要求8-11中任意一项所述的装置，其特征在于，所述获取模块包括：
创建模块，用于在所述网页页面上创建点击获取层；
记录模块，用于在所述网页页面发生点击操作之后，记录所述点击获取层获取到所述点击数据，所述点击数据包括：点击位置和每个点击位置的点击数量，以及点击行为后相关联的事件；
确定模块，用于按照所述点击位置的点击数量确定该点击位置的显示颜色。
13.根据权利要求12所述的装置，其特征在于，所述装置还包括：
第二子获取模块，用于获取预先设置的时间阈值；
第二读取模块，用于读取所述时间阈值之内记录的所述平面热力图对应的页面的数据；
子设置模块，用于并在将所述平面热力图的数据显示在所述轴测图上，获取立体热力图之后，按照色环中的颜色顺序设置所述立体热力图的显示颜色。
14.根据权利要求13所述的装置，其特征在于，所述装置还包括：
旋转显示模块，用于以所述立体热力图的轴测图的z轴为准，以半球旋转的形式显示所述立体热力图。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310596543.XA CN103605751B (zh) | 2013-11-21 | 2013-11-21 | 立体热力图的处理方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310596543.XA CN103605751B (zh) | 2013-11-21 | 2013-11-21 | 立体热力图的处理方法及装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103605751A CN103605751A (zh) | 2014-02-26 |
| CN103605751B true CN103605751B (zh) | 2017-02-08 |
Family
ID=50123973
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310596543.XA Active CN103605751B (zh) | 2013-11-21 | 2013-11-21 | 立体热力图的处理方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103605751B (zh) |
Families Citing this family (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103617219A (zh) * | 2013-11-21 | 2014-03-05 | 北京国双科技有限公司 | 获取立体热力图的方法及装置 |
| CN106649373A (zh) * | 2015-10-30 | 2017-05-10 | 北京国双科技有限公司 | 热力图显示方法及装置 |
| CN106777086B (zh) * | 2016-12-13 | 2020-04-10 | 东软集团股份有限公司 | 一种网页埋点的动态管理方法及装置 |
| CN108804435B (zh) * | 2017-04-26 | 2022-02-01 | 北京京东尚科信息技术有限公司 | 用于确定当前屏热度值的方法和装置 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101777080A (zh) * | 2010-03-19 | 2010-07-14 | 北京国双科技有限公司 | 基于用户点击数据的网页分析方法 |
| CN102169412A (zh) * | 2011-03-31 | 2011-08-31 | 北京清大高科系统控制有限公司 | 电网实时三维可视化系统 |
| CN102306078A (zh) * | 2011-08-09 | 2012-01-04 | 河北省电力建设调整试验所 | 一种基于多种展示图类型的电网信息三维显示方法 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US10127574B2 (en) * | 2011-11-30 | 2018-11-13 | Cynthia Brown | Internet marketing analytics system |
-
2013
- 2013-11-21 CN CN201310596543.XA patent/CN103605751B/zh active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101777080A (zh) * | 2010-03-19 | 2010-07-14 | 北京国双科技有限公司 | 基于用户点击数据的网页分析方法 |
| CN102169412A (zh) * | 2011-03-31 | 2011-08-31 | 北京清大高科系统控制有限公司 | 电网实时三维可视化系统 |
| CN102306078A (zh) * | 2011-08-09 | 2012-01-04 | 河北省电力建设调整试验所 | 一种基于多种展示图类型的电网信息三维显示方法 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103605751A (zh) | 2014-02-26 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103617219A (zh) | 获取立体热力图的方法及装置 | |
| Rogowitz et al. | Perceptual image similarity experiments | |
| Dykes et al. | Seeking structure in records of spatio-temporal behaviour: visualization issues, efforts and applications | |
| CN103605751B (zh) | 立体热力图的处理方法及装置 | |
| Guney et al. | Tailoring a geomodel for analyzing an urban skyline | |
| Marston et al. | Improving the representation of major landforms in analytical relief shading | |
| US20170344116A1 (en) | Haptic output methods and devices | |
| Foltête et al. | Coupling crowd-sourced imagery and visibility modelling to identify landscape preferences at the panorama level | |
| CN103778659B (zh) | 立体热力图的处理方法及装置 | |
| CN103714110A (zh) | 用于创建运行时颜色转换查找表的方法和系统 | |
| CN104252549A (zh) | 一种基于克里金插值的分析布井方法 | |
| CN104462526A (zh) | 面向高分辨率遥感影像的多人在线协同快速矢量化方法 | |
| CN110349261A (zh) | 基于gis生成三维热力图的方法 | |
| CN107291918A (zh) | 一种兴趣点poi同位模式的可视化挖掘方法 | |
| Yu et al. | The mathematics of spatial transparency and mystery: using syntactical data to visualise and analyse the properties of the Yuyuan Garden | |
| CN103778660B (zh) | 立体热力图的处理方法及装置 | |
| KR102089473B1 (ko) | 안면 모델 편집 방법 및 장치 | |
| CN108647880A (zh) | 一种滨水区空间规划合理性评价方法 | |
| Zwolinski et al. | Computing and monitoring potential of public spaces by shading analysis using 3d Lidar data and advanced image analysis | |
| CN105574926B (zh) | 生成三维图像的方法和装置 | |
| Heyojoo et al. | Estimation of above-ground phytomass and carbon in tree resources outside the forest (TROF): A geo-spatial approach | |
| Rosa et al. | Mapping fuels at the wildland-urban interface using colour ortho-images and LiDAR data | |
| Kumar et al. | Rediscovering the traditional UNESCO world heritage Hawamahal through 3D Animation and Immersive Technology | |
| CN105898779A (zh) | 采用可信信息覆盖模型检测无线传感网覆盖空洞的方法 | |
| Clark et al. | An investigation into graph cut parameter optimisation for image-fusion applications |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| PE01 | Entry into force of the registration of the contract for pledge of patent right | ||
| PE01 | Entry into force of the registration of the contract for pledge of patent right |
Denomination of invention: Processing method and apparatus of stereoscopic thermodynamic chart Effective date of registration: 20190531 Granted publication date: 20170208 Pledgee: Shenzhen Black Horse World Investment Consulting Co.,Ltd. Pledgor: BEIJING GRIDSUM TECHNOLOGY Co.,Ltd. Registration number: 2019990000503 |
|
| CP02 | Change in the address of a patent holder | ||
| CP02 | Change in the address of a patent holder |
Address after: 100083 No. 401, 4th Floor, Haitai Building, 229 North Fourth Ring Road, Haidian District, Beijing Patentee after: BEIJING GRIDSUM TECHNOLOGY Co.,Ltd. Address before: 100086 Beijing city Haidian District Shuangyushu Area No. 76 Zhichun Road cuigongfandian 8 layer A Patentee before: BEIJING GRIDSUM TECHNOLOGY Co.,Ltd. |
|
| PP01 | Preservation of patent right | ||
| PP01 | Preservation of patent right |
Effective date of registration: 20240604 Granted publication date: 20170208 |