[发明专利]网页可视化区域的交互增强方法及系统

说明书

本发明公开了网页可视化区域的交互增强方法及系统，方法包括以下步骤：在网页中定位交互增强的可视化区域；提取视觉元素，获得对应的视觉属性；根据父子关系，提取复合视觉元素；视觉元素分类，设定视觉元素组；对视觉元素组进行属性分布统计；对视觉元素组中的视觉元素进行过滤；进入修改步骤或进行再过滤；修改HTML属性，实现视觉突出的效果。系统包括区域定位模块、第一分析模块、第二分析模块、分组统计模块、过滤模块、过滤转存模块、修改模块和交互模块。本发明提供了毋需编码的交互增强技术，不依赖于网页可视化区域的具体形式、数据和技术，基于HTML和文档对象模型的操作，提供了基本、通用的交互操作，增强了用户对可视化的探索能力。

技术领域

本发明涉及基于网页的可视化与可视分析领域，具体涉及一种面向网页可视化区域的交互增强方法及系统。

背景技术

随着网页可视化技术的发展，互联网上的可视化作为一种有效的信息表达形式随处可见。交互作为信息的重要探索手段，对于理解可视化是不可或缺的。然而网页可视化中的交互常常需要通过编写代码来实现。这提高了网页可视化提供交互功能的门槛，从而导致很多网页可视化提供很少甚至没有交互功能。已有工作提出的交互构建的方法，主要面向可视化编程人员，通过提供简化、便于编写交互的软件包在可视化的生成过程中嵌入交互，以提供交互功能。目前的方法仍要求编写代码，且不能针对既有的可视化提供交互。

发明内容

针对现有技术中存在的缺陷，本发明的目的在于提供一种网页可视化区域的交互增强方法及系统，提供通过毋需编码的方式，在保留网页可视化区域交互功能的前提下，采用通用方法达到增强页面可视化的目的。

为实现上述目的，本发明采用的技术方案为：

网页可视化区域的交互增强方法，包括以下步骤：

(1)在网页中定位交互增强的可视化区域；

(2)提取被定位的可视化区域所对应的文档对象模型中的视觉元素，针对提取出的视觉元素，通过解析HTML中的标签，获得对应的视觉编码的属性；

(3)根据视觉元素在文档对象模型树中的父子关系，提取复合视觉元素；

(4)将步骤(2)中提取的视觉元素和/或步骤(3)中提取的复合视觉元素按照其在HTML中的标签类型进行分类，属于同一标签下的视觉元素和/或复合视觉元素设定为视觉元素组；对每个视觉元素组中的视觉元素进行属性分布统计；

(5)通过对视觉元素组的操作对相应视觉元素组中的视觉元素或复合视觉元素进行过滤，生成过滤结果；

(6)进入步骤(7)；

或，

将步骤(5)中的过滤结果定义为新的视觉元素组，重复步骤(5)；

(7)修改过滤结果对应的视觉元素或复合视觉元素在网页中相关的HTML属性，实现视觉突出的效果。

进一步地，上述网页可视化区域的交互增强方法，步骤(1)中，在网页上定位交互增强的可视化区域通过框选的方式进行，其具体步骤包括：

1.1)修改网页的HTML，插入交互增强所需的第三方软件库，在网页上覆盖一个的SVG元素，设定该SVG元素的鼠标点击、拖拽响应事件函数，用以截获用户在网页上的点击及拖拽操作；

1.2)响应鼠标点击、拖拽的动作，确定框选的区域为交互增强的可视化区域。

进一步地，上述网页可视化区域的交互增强方法，还包括：

(8)删除步骤1.1)中的在网页HTML中添加的SVG，退回网页。