CN111048153A - 一种大数据可视化图表插件的实现方法及系统 - Google Patents

Abstract

本发明提供一种大数据可视化图表插件的实现方法及系统，包括：接收用户输入的自定义参数配置指令，参数配置指令指传递给图表插件的自定义参数或全局默认配置参数；接受自定义参数或采用默认配置参数创建初始化配置文件、工具栏、主题、视觉映射及整体布局，并定义数据结构；依据传入的数据，基于底层样式库和图形库的自由组合，进行图片及图中元素的绘制；将用户的图片编辑行为与交互事件对应并与图中绘制元素一一绑定。本发明可满足生物学领域用户对于可视化呈现的特殊性、多变性、多样化及数据量大的需求，降低了开发人员应对多变需求的开发复杂性。用户可快速获取可用于专业期刊发表的可视化呈现，并可利用本发明快速优化呈现细节。

Description

一种大数据可视化图表插件的实现方法及系统

技术领域

本发明涉及数据可视化技术领域，尤其涉及一种大数据可视化图表插件的实现方法及系统。

背景技术

随着以新一代基因组测序技术为代表的高通量生物测序技术的出现，人们对于生命表征、生理现象、遗传进化、系统发育与免疫、分子机制、基因的表达调控、代谢通路的认识达到前所未有的高度。技术的革新产生了庞大的生物学数据，Illumina高通量测序平台的出现将生命科学领域的数据积累推向了新的高峰，以Illumina HiSeq平台为例，每次运行产生的下机数据量超过1000G。lllumina NovaSeq测序平台每次运行下机产生的数据量是Illumina HiSeq平台的6倍。并且这些生命科学领域的数据每年以指数级增加。这些测序数据经过生物信息学分析软件或生物信息学分析平台解析后生成的结果数据的可视化呈现，能够帮助数据持有者加深对于数据本身理解的深度，便于数据持有者从不同维度探索数据的意义与价值。

目前市面上，商业化可视化插件或工具众多，例如谷歌公司开发的googlecharts、Mozilla的应用于时间序列数据的MetricsGrapics、Echarts和Highcharts等，但这些插件或工具适用于通用性场景，无法满足生命科学领域对于可视化呈现的特殊性、多变性、多样化、数据量大的需求。开源代码质量本身高低不一或受限于商业化插件的自身框架性要求，开发人员修改可视化插件呈现模式的难度非常大。此外，生命科学领域的科研工作者对于可视化呈现的最终效果要求较高，通常将这些可视化图片应用于国际专业期刊的发表,需要对于图片的主标题、X轴标题、Y轴标题、图片大小、图中文字内容、图中元素形状、边框、线条、背景色、前景色等若干方面进行进一步修改，但利用Adobe Illustrator矢量图设计软件或其它可视化软件进行图片优化的学习成本较高，因此亟需开发一款满足生命科学领域科研工作者的可在线编辑的可视化图表工具。

以中心法则(Genetic Central Dogma)为基础的基因组学、转录组学、蛋白质组学、代谢组学等单一组学研究的开展，从基因、转录本、蛋白质、代谢物等层面揭示不同的生理或病理状态下个体、组织、细胞间的物质表达差异，并且这些研究可推动分子育种、临床诊断、个体发育、药物研发等诸多领域的科研进步。宏基因组学研究主要应用于微生物群落的结构差异和微生物群落基因功能的研究。随着单一组学研究的不断深入，多组学联合研究研究成为科研工作者关注的另一焦点。多组学结合研究的数据可视化呈现对于可视化工具提出了更高要求，例如不同图表类型的整合、适用于百万级数据量的可视化呈现工具，因此需要开发可适用于大数据的并可实现元素间灵活组合的可视化工具。

发明内容

针对上述技术中存在的不足之处，本发明提供一种大数据可视化图表插件的实现方法及系统，以解决开发人员开发定制化可视化插件效率低的问题，降低科研工作者获取理想的可视化结果图的操作难度。

为解决上述技术问题，本发明提供一种大数据可视化图表插件的实现方法，本发明可用于通用场景数据可视化，并且可满足生物学领域用户对于可视化呈现的特殊性、多变性、多样化及数据量大的需求，可降低开发人员应对多变需求的开发复杂性，降低维护成本。通过本发明用户可快速获取可用于专业期刊发表的可视化呈现，并可利用本发明快速优化呈现细节。

具体地，本发明的大数据可视化图表插件的实现方法，包括：

接收用户输入的自定义参数配置指令，所述参数配置指令指传递给图表插件的自定义参数或全局默认配置参数；

接受自定义参数或采用默认配置参数创建初始化配置文件、工具栏、主题、视觉映射及整体布局，并定义数据结构；

依据传入的数据，基于底层样式库和图形库的自由组合，进行图片及图中元素的绘制；其中，所述底层样式库和图形库独立封装；

将用户的图片编辑行为与交互事件对应并与图中绘制元素一一绑定，记录用户的操作行为并传递给数据库接口记录，以重现用户最终的可视化效果。

进一步地，所述自定义参数用于对特定图表的自定义可视化呈现，所述自定义参数的优先级高于特定图表的固定匹配的参数配置的优先级，所述特定图表的固定匹配的参数配置的优先级高于全局的基础参数配置的优先级。

进一步地，所述底层样式库和图形库利用SVG path生成；

其中，所述图形库中包含由SVG path创建的基本形状和文本，所述基本形状包括：符号、线、饼、椭圆、矩形、箭头、盒形以及自定义形状；

所述样式库用于可视化图形绘制元素的样式优化，所述样式优化包括：图形样式优化、文本样式优化以及主题样式优化；所述图形样式优化包括：图形边框颜色、边框宽度、边框样式、透明度、填充色以及纹理的调整；所述文本样式优化包括：对图中新添加的文本或已有文本的字体、字号、文本加粗以及文本颜色的设定；所述主题样式优化包括可视化整体风格的设定；

所述可视化图形绘制元素之间模块化，代码之间相互独立。

进一步地，将用户的图片编辑行为与交互事件对应并与图中绘制元素一一绑定，包括：

将用户的图片编辑行为映射为预先定义的交互事件；

将图中绘制元素分配给预先定义的交互动作，将所述交互事件和所述交互动作一一绑定；并通过绑定监听事件实时触发相应的交互动作。

进一步地，所述方法还包括：

实时监听用户进行的交互事件，根据监听到的交互事件触发相应的交互动作对图中绘制元素进行对应修改，同时记录整个修改操作过程。

进一步地，所述交互动作包括：文本编辑、文本样式编辑、图形形状编辑、图形样式编辑、拖拽、旋转、选择、图例点击以及数据更新。

进一步地，在依据传入的数据，基于底层样式库和图形库的自由组合，进行图片及图中元素的绘制时，对于传入的数据，首先将其转化为与图形类型相配的Series数据结构，调用图形模块，添加path路径到svg图形上，通过数据中的坐标定位path路径，添加的数据自动绑定到各个path路径上。

相应地，为解决上述技术问题，本发明还提供一种大数据可视化图表插件的实现系统，所述系统包括：

参数模块，用于接收用户输入的自定义参数配置指令，所述参数配置指令指传递给图表插件的自定义参数或全局默认配置参数；

初始化模块，用于接受自定义参数或采用默认配置参数创建初始化配置文件、工具栏、主题、视觉映射及整体布局，并定义数据结构；

图形绘制模块，用于依据传入的数据，基于底层样式库和图形库的自由组合，进行图片及图中元素的绘制；其中，底层样式库和图形库独立封装；

交互模块，用于将用户的图片编辑行为与交互事件对应并与图中绘制元素一一绑定，记录用户的操作行为并传递给数据库接口记录，以重现用户最终的可视化效果。

进一步地，所述系统提供折线图、柱状图、饼图、散点图、堆叠图、盒形图、热图、树形图、Venn图、基因簇图以及组合图11个可视化大类，并在每一可视化大类中细分适用于不同应用场景的具体可视化插件。

进一步地，所述系统支持用户传入一维或多维数据，并对指定数据进行视觉元素的映射；且系统的工具栏及可视化图包括交互功能，以供用户对呈现形态进行在线操作和编辑，并根据用户需求对优化后的成图保存或重置。

本发明的技术方案相比于现有技术具有如下有益效果：

本发明提供了丰富的可视化呈现类型，除可用于通用场景下的可视化呈现，更适用于生命科学领域大数据的可视化呈现。本发明参数配置灵活，各种元素间独立封装便于调用。插件排版自动布局，依照数据自动计算绘制区域避免元素间的重叠。对于开发人员，可按需定制引入图形代码，一行命令轻松引用，提高了开发人员应对多变的可视化需求的开发效率。对于生命科学领域的科研工作者，本发明可在线交互式优化图片，生成专业期刊发表级别的结果呈现，所有图片优化更改可被记录并保存。

附图说明

图1为本发明实施例提供的大数据可视化图表插件的实现方法流程图；

图2为本发明实施例提供的样式库和图形库的示意图；

图3为本发明实施例提供的用户编辑动作和交互事件的示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明的一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

请参阅图1至图3，本实施例针对当前市面上出现的可视化工具或插件，面向通用领域开发，不适用于生命科学领域大数据展示的特殊性要求的问题，提供一种数据可视化图表插件的实现方法；

本实施例的方法可用于通用场景数据可视化，并且可满足生物学领域用户对于可视化呈现的特殊性、多变性、多样化及数据量大的需求，可降低开发人员应对多变需求的开发复杂性，降低维护成本。通过该方法用户可快速获取可用于专业期刊发表的可视化呈现，并可利用该方法快速优化呈现细节。

具体地，本实施例的大数据可视化图表插件的实现方法，包括：

S101，接收用户输入的自定义参数配置指令，所述参数配置指令指传递给图表插件的自定义参数或全局默认配置参数；

其中，自定义参数用于对特定图表的自定义可视化呈现，所述自定义参数的优先级高于特定图表的固定匹配的参数配置的优先级，所述特定图表的固定匹配的参数配置的优先级高于全局的基础参数配置的优先级，开发者可快速在特定图类参数的基础上进行灵活调试和个性化修改。

S102，接受自定义参数或采用默认配置参数创建初始化配置文件、工具栏、主题、视觉映射及整体布局，并定义数据结构；

其中，上述实现方案为本实施例的核心功能模块，其创建依赖于自定义参数，接受的数据结构包括对象型数据{key：value}，矩阵型数据[[...],[...],]，对象与矩阵混合型数据{key:[...]}。数据结构与可视化图形之间具有映射关系，数据源被编码转换为图形集合列表，数据映射后被展示。数据映射关系包括：分段型数据用于形状、颜色、形状和颜色映射类型；连续型数据用于颜色渐变、大小的映射类型；分段型数据类型用于形状、颜色的映射类型。

S103，依据传入的数据，基于底层样式库和图形库的自由组合，进行图片及图中元素的绘制；

其中，所述底层样式库和图形库独立封装；样式库和图形库组合形成了可视化图形绘制的元素，包括主标题、坐标轴、网格线、图标签、图封闭框等；进一步地，本实施例的底层样式库和图形库利用SVG path生成；SVG可被很多工具读取和修改，具备尺寸小可压缩性强、可伸缩、放大后图像质量不下降等优点，Internet Explorer9，Safari,Chrome，Opera等常见浏览器均支持SVG的查看。

可视化图片的绘制依赖于图形库和样式设置。具体地，本实施例的样式库和图形库的示意图如图2所示，其中，图形库构成了可视化图中元素的基本组成单位，其包含由SVGpath创建的基本形状和文本，基本形状包括：线、点等基本形状，也包括饼、直角矩形、圆角矩形、圆形、椭圆形、箭头、贝塞尔曲线、星形等自定义的图形形状。

样式库作为可视化图形元素的样式优化的组件，可用于可视化图形绘制元素的样式优化，所述样式优化包括：图形样式优化、文本样式优化以及主题样式优化；图形样式用于边框颜色、边框宽度、边框样式、透明度、填充色、纹理等方面的调整；所述文本样式优化包括：对图中新添加的文本或已有文本的字体、字号、文本加粗以及文本颜色的设定；主题样式用于对可视化整体风格的设定，主题配色采用了‘Nature Publishing Group’，‘American Association for the Advancement of Science’,‘New England Journal ofMedicine’，‘Lancet Oncology’，‘Journal of Clinical Oncology’等国际知名期刊杂志的常见图片配色。

还需说明的是，在本实施例中可视化图形绘制元素之间模块化，代码之间相互独立。在自定义生成可视化图表时，元素之间不会互相影响，元素选择取舍自如。

S104，将用户的图片编辑行为与交互事件对应并与图中绘制元素一一绑定，记录用户的操作行为并传递给数据库接口记录，以便根据需求重现用户最终的可视化效果。

其中，将用户的图片编辑行为与交互事件对应并与图中绘制元素一一绑定，包括：

将用户的图片编辑行为映射为预先定义的交互事件；

将图中绘制元素分配给预先定义的交互动作，将所述交互事件和所述交互动作一一绑定；并通过绑定监听事件实时触发相应的交互动作。

进一步地，所述方法还包括：

S105，实时监听用户进行的交互事件，根据监听到的交互事件触发相应的交互动作对图中绘制元素进行对应修改，同时记录整个修改操作过程。

其中，用户编辑动作和交互事件的示意图如图3所示，鼠标交互事件按需设置，交互事件可与操作动作自由绑定。图中的图形绘制元素监听用户的鼠标交互事件，交互事件触发交互动作对于图中元素进行修改。具体地，本实施例定义了常见的事件，单击、双击、鼠标选中、鼠标移入、鼠标移出、鼠标悬停、鼠标长按等。交互动作涉及文本编辑、文本样式编辑、图形形状编辑、图形样式编辑、拖拽、旋转、选择、图例点击数据更新。

此外，对于传入的数据，本实施例首先将其转化为与图形类型相配的Series数据结构，调用图形模块，添加path路径到svg图形上，通过数据中的坐标定位path路径，添加的数据自动绑定到各个path路径上。

第二实施例

针对上述问题，本实施例提供一种大数据可视化图表插件的实现系统，所述系统包括：

参数模块，用于接收用户输入的自定义参数配置指令，所述参数配置指令指传递给图表插件的自定义参数或全局默认配置参数；

其中，该参数模块中，除全局基础参数外，还可对具体图表插件配置固定参数，也可配置自定义参数。自定义参数用于对特定图表的自定义可视化呈现，其优先级在特定图表的固定匹配的参数配置之上，特定图表的固定匹配的参数配置的优先级在全局的基础参数配置之上。开发者可快速在特定图类参数的基础上进行灵活调试和个性化修改。

初始化模块，用于接受自定义参数或采用默认配置参数创建初始化配置文件、工具栏、主题、视觉映射及整体布局，并定义数据结构；

图形绘制模块，用于依据传入的数据，基于底层样式库和图形库的自由组合，进行图片及图中元素的绘制；其中，底层样式库和图形库独立封装；

交互模块，用于将用户的图片编辑行为与交互事件对应并与图中绘制元素一一绑定，记录用户的操作行为并传递给数据库接口记录，以重现用户最终的可视化效果。

其中，初始化模块用于接收参数模块传递的配置参数，传递参数包括创建配置文件、工具栏、主题、数据、布局等基础信息。基于上述信息，设定画布大小，利用svg path生成的图形库，绘制可视化图表的主体部分，标题、标签、图例等以元素的形式自由组合绘制成完整的可视化图表。图形元素被分配给定义好的交互事件，并与交互动作相匹配,可视化图表内的交互动作可根据实际需要绑定与之相对应的交互事件，交互动作与交互事件之间是自由的绑定关系，并且支持定制交互动作。

本实施例的系统支持不同图类的数据源的输入，用户可在线传递数并据根据映射关系绘制可视化图表；且用户可在线对于图片进行编辑，编辑部分可通过点击保存被保存，也可以通过重置回到初始化图片状态。

具体地，考虑到生命科学领域的可视化数据展示应用到不同的单一组学或者多组学研究中，相同图类的呈现细节各不相同。本实施例的系统提供折线图、柱状图、饼图、散点图、堆叠图、盒形图、热图、树形图、Venn图、基因簇图以及组合图11个可视化大类，并在每一可视化大类中细分适用于不同应用场景的具体可视化插件。且本实例的系统支持用户传入一维或多维数据，并对指定数据进行视觉元素的映射；且为满足用户对于图片呈现细节的修改需求，用户可利用工具栏以及可视化图自带的交互功能，对于呈现形态进行在线操作和编辑，优化后的成图可被保存，也可放弃保存或重置。

进一步地，考虑到用户在绘制生物学领域专业图表时，往往需要对图表进一步修改，以符合专业期刊的文章发表要求。但使用Adobe Illustrator图像设计软件的学习成本较高，且仅能对矢量图进行进一步修改的问题。本实施例的实现系统的可视化工具操作界面的页面左侧为参数配置区，其可用于配置图表参数，输入用于可视化的数据，运行后，图表展示区依据配置的参数和输入数据进行渲染。可视化插件的工具栏，用于重置、保存、选中图中图形元素、修改文本样式、修改图形样式、切换主题、显示或隐藏网格线、显示或隐藏标签等功能。可视化插件的图例，可移动至可视化展示区域的任一位置，可修改图例名称和文本样式，点击图例隐藏图例对应的数据，选中图例分类可修改图形的颜色和样式。绘图区域支持定制图形元素的交互修改动作。支持X/Y坐标轴名称的重新编辑，文本样式和标签角度的修改。

具体地，本实施例前端页面代码基于html+Css+jquery+JavaScript编写。可视化工具库左侧为可视化分类导航栏，右侧为该分类下的应用于不同组学的可视化工具入口。具体可视化工具操作界面布局如下所述：

界面左侧为参数配置区域，参数配置区域包含了用于生成可视化图表的参数，输入用于呈现的数据，支持百万级数据量，运行即可在界面右侧可视化展示区呈现本次运行的可视化结果。

综上，本实施例的系统可为开发者提供快速便捷的可视化作图插件的解决方案，实现图中元素的自由组合和定制化交互事件等，能够迅速响应专业领域用户对于呈图需求的多变性。可视化图表工具栏，提供了丰富的图表编辑修改功能，并可不断扩展，界面友好，操作简便，实时渲染。对于生命科学领域的科研工作者绘制可视化图表，无需学习编程代码，无需使用Adobe Illustrator即可获得理想的可视化图表，图例元素可被拖拽至图中任一位置，分类型图例支持图例颜色、形状的修改，横纵坐标标签角度支持360°旋转调整，支持添加网格线、边框等操作。为用户节约学习矢量图编辑软件的同时，保证了可视化图表呈现的专业性和美观性，生成的可视化图表，达到专业期刊的发表水平。

此外，需要说明的是，本领域技术人员应明白，本实施例可提供为方法、装置、或计算机程序产品。因此，本实施例可采用硬件实施例、软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本发明实施例是参照根据本发明实施例的方法、终端设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现本实施例流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上，使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

而且在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。

以上仅为本发明优选实施例而已，并不用于限制本发明，对于本领域技术人员来说，一旦得知了本发明的基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改，也即凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种大数据可视化图表插件的实现方法，其特征在于，所述方法包括：

接收用户输入的自定义参数配置指令，所述参数配置指令指传递给图表插件的自定义参数或全局默认配置参数；

接受自定义参数或采用默认配置参数创建初始化配置文件、工具栏、主题、视觉映射及整体布局，并定义数据结构；

依据传入的数据，基于底层样式库和图形库的自由组合，进行图片及图中元素的绘制；其中，所述底层样式库和图形库独立封装；

将用户的图片编辑行为与交互事件对应并与图中绘制元素一一绑定，记录用户的操作行为并传递给数据库接口记录，以重现用户最终的可视化效果。

2.如权利要求1所述的大数据可视化图表插件的实现方法，其特征在于，所述自定义参数用于对特定图表的自定义可视化呈现，所述自定义参数的优先级高于特定图表的固定匹配的参数配置的优先级，所述特定图表的固定匹配的参数配置的优先级高于全局的基础参数配置的优先级。

3.如权利要求1所述的大数据可视化图表插件的实现方法，其特征在于，所述底层样式库和图形库利用SVG path生成；

其中，所述图形库中包含由SVG path创建的基本形状和文本，所述基本形状包括：符号、线、饼、椭圆、矩形、箭头、盒形以及自定义形状；

所述样式库用于可视化图形绘制元素的样式优化，所述样式优化包括：图形样式优化、文本样式优化以及主题样式优化；所述图形样式优化包括：图形边框颜色、边框宽度、边框样式、透明度、填充色以及纹理的调整；所述文本样式优化包括：对图中新添加的文本或已有文本的字体、字号、文本加粗以及文本颜色的设定；所述主题样式优化包括可视化整体风格的设定；

所述可视化图形绘制元素之间模块化，代码之间相互独立。

4.如权利要求1所述的大数据可视化图表插件的实现方法，其特征在于，将用户的图片编辑行为与交互事件对应并与图中绘制元素一一绑定，包括：

将用户的图片编辑行为映射为预先定义的交互事件；

将图中绘制元素分配给预先定义的交互动作，将所述交互事件和所述交互动作一一绑定；并通过绑定监听事件实时触发相应的交互动作。

5.如权利要求4所述的大数据可视化图表插件的实现方法，其特征在于，所述方法还包括：

实时监听用户进行的交互事件，根据监听到的交互事件触发相应的交互动作对图中绘制元素进行对应修改，同时记录整个修改操作过程。

6.如权利要求5所述的大数据可视化图表插件的实现方法，其特征在于，所述交互动作包括：文本编辑、文本样式编辑、图形形状编辑、图形样式编辑、拖拽、旋转、选择、图例点击以及数据更新。

7.如权利要求1-6任一项所述的大数据可视化图表插件的实现方法，其特征在于，在依据传入的数据，基于底层样式库和图形库的自由组合，进行图片及图中元素的绘制时，对于传入的数据，首先将其转化为与图形类型相配的Series数据结构，然后调用图形模块，添加path路径到svg图形上，通过数据中的坐标定位path路径，添加的数据自动绑定到各个path路径上。

8.一种大数据可视化图表插件的实现系统，其特征在于，所述系统包括：

参数模块，用于接收用户输入的自定义参数配置指令，所述参数配置指令指传递给图表插件的自定义参数或全局默认配置参数；

初始化模块，用于接受自定义参数或采用默认配置参数创建初始化配置文件、工具栏、主题、视觉映射及整体布局，并定义数据结构；

图形绘制模块，用于依据传入的数据，基于底层样式库和图形库的自由组合，进行图片及图中元素的绘制；其中，底层样式库和图形库独立封装；

交互模块，用于将用户的图片编辑行为与交互事件对应并与图中绘制元素一一绑定，记录用户的操作行为并传递给数据库接口记录，以重现用户最终的可视化效果。

9.如权利要求8所述的大数据可视化图表插件的实现系统，其特征在于，所述系统提供折线图、柱状图、饼图、散点图、堆叠图、盒形图、热图、树形图、Venn图、基因簇图以及组合图11个可视化大类，并在每一可视化大类中细分适用于不同应用场景的具体可视化插件。

10.如权利要求8或9所述的大数据可视化图表插件的实现方法，其特征在于，所述系统支持用户传入一维或多维数据，并对指定数据进行视觉元素的映射；且所述系统的工具栏及可视化图包括交互功能，以供用户对呈现形态进行在线操作和编辑，并根据用户需求对优化后的成图保存或重置。

Images