一种通过自定义图形组合在SVG中展示数据的方法技术

本发明专利技术涉及一种通过自定义图形组合在SVG中展示数据的方法，属于计算机应用领域。该方法包括：将待展示数据按照拟采用的图形化展示形式的数据格式进行组织；结合拟采用的图形化展示形式与数据格式，确定所应用的子图形组合，并计算各个子图形的坐标与属性；采用DOM编程接口访问SVG文档，在SVG文档中根据设定的画布左上角坐标与画布大小新建画布；在新建的SVG画布上绘制圆角矩形背景、文字标题（可选）；在SVG画布上按照层次关系依次创建子图形组合中包含的子图形；对SVG画布上的子图形添加鼠标和键盘交互事件响应；将SVG画布的更改应用到SVG文档，刷新界面显示。本发明专利技术可适用于个性化的图形展示需求，扩展性强、开发难度小、开发效率高，具有很强的实用性。

【技术实现步骤摘要】

本专利技术属于计算机应用领域，特别提供了一种通过自定义图形组合在SVG中展示数据的方法。
技术介绍
目前，可缩放矢量图形SVG (Scalable Vector Graphics)作为ー种扩展性较强的图形格式，在互联网、图形、可视化展示等领域的应用越来越广泛。SVG作为ー种基于XML开放标准的文本式矢量图形描述语言，支持矩形、圆形、线条、路径等基本几何形状的绘制与组合，以及渐变、滤镜、动画、图层管理、人机交互等高级功能。实际上，SVG与传统图形格式相比，其突出的优势在于支持脚本代码以及DOM (—种处理XML的标准编程接ロ)，因此用户能够按照DOM接ロ标准访问SVG文档中的各类图形元素，井能够动态改变各元素的属性、添加简单或复杂的动画，或者添加鼠标移入、鼠标移出、鼠标点击等交互事件的响应方法。随着自动化技术的发展，爆炸性增长的信息量对数据展示方法的要求日益提高，图形化是进行数据展示的最佳思路。SVG优异的自身特性为此提供了无限的可能。然而，目前基于SVG的应用主要利用其矢量化的特点，集中在网络拓扑及空间关系的表达等方面；却忽略了 SVG区别于其他图形格式的最大优势，即支持脚本与编程本文档来自技高网...

【技术保护点】
一种通过自定义图形组合在SVG?中展示数据的方法，其特征在于，该方法主要包括以下步骤：1)将待展示数据按照拟采用的图形化展示形式的数据格式进行组织；2)结合拟采用的图形化展示形式与数据格式，确定所应用的子图形组合，并计算各个子图形的坐标与属性；3)采用DOM编程接口访问SVG文档，在SVG文档中根据设定的画布左上角坐标与画布大小新建SVG画布；4)在SVG画布上按照层次关系依次创建子图形组合中包含的子图形；5)对SVG画布上的子图形添加鼠标和键盘交互事件响应；6)将SVG画布的更改应用到SVG文档，刷新界面显示。

【技术特征摘要】
1.一种通过自定义图形组合在SVG中展示数据的方法，其特征在于，该方法主要包括以下步骤1)将待展示数据按照拟采用的图形化展示形式的数据格式进行组织；2)结合拟采用的图形化展示形式与数据格式，确定所应用的子图形组合，并计算各个子图形的坐标与属性；3)采用DOM编程接口访问SVG文档，在SVG文档中根据设定的画布左上...

【专利技术属性】
技术研发人员：陈启鑫，赖晓文，夏清，康重庆，
申请(专利权)人：清华大学，
类型：发明
国别省市：