[发明专利]一种可视化图表的数据定义方法及其实现图表库

权利要求书

1.一种可视化图表的数据定义方法，其特征在于，具体包括以下步骤：

将可视化实例的通用信息放在高等级层级，将可视化实例的个性化信息放在低层级；

所述通用信息包括实例标识类、属性化信息、辅助信息及数据总体定义；

所述个性化信息包括具体的数据信息、主题样式及图表能力配置项。

2.根据权利要求1所述的一种可视化图表的数据定义方法，其特征在于，所述数据信息采用二维数组定义。

3.根据权利要求1所述的一种可视化图表的数据定义方法，其特征在于，所述主题样式信息包括图表的色彩及决定图表整体出图一致性的信息，决定图表整体出图一致性的信息包括有图表标题的文字属性、图表附属的文字属性、网格轴线及背景色。

4.根据权利要求1所述的一种可视化图表的数据定义方法，其特征在于，所述图表能力配置项包括通用能力配置项、图表个性化配置项及冗余的配置可选项。

5.根据权利要求1所述的一种可视化图表的数据定义方法，其特征在于，所述实例标识类、属性化信息、辅助信息及数据总体定义具体包括有：实例标识、实例名称、示意图、数据源、图表模板标识、图表模板的数据类型、主题色、图表配置项、图标分类及功能分类。

6.根据权利要求5所述的一种可视化图表的数据定义方法，其特征在于，所述图表配置项具体包括有图表尺寸、细节样式配置项、图表标签、数据映射、图例、交互提示框、字体、颜色、背景色、标题、动画、单位、数据来源、出品方、商标、水印、留白布局、轴与网格线。

7.一种基于组件化的图表库，是采用如权利要求1-6任意一项所述可视化图表的数据定义方法实现的，其特征在于，所述图表库包括图表核心组件，用于图表主体的绘制；

图表辅助组件，包含图表各种幅面元素，通过传入不同的参数来适配不同的图表；

图表插件，用于对外部js文件的引用及改写；

图表辅助工具模块，复用工具函数方法的集合；

图表配置项处理模块，对传入的可视化数据定义的内容进行筛选及分类处理，并转换成易于读取的option对象；

图表数据处理模块，对由图表配置项处理模块处理之后的数据进行二次处理，根据图表种类匹配不同的数据处理方法，将数据处理为图表核心组件需要的数据格式；

图表模板组件，引入图表所需要组件，并按图表绘制所需流程先后调用，传入所需数据。

8.根据权利要求7所述的一种基于组件化的图表库，其特征在于，所述图表库输出静态图表、交互图表的具体步骤包括：

S11：开发者调用所需图表并上传相应数据定义文件，图表库进行配置项的筛选；

S12：对于所有图表的公共配置项，直接在图表配置项处理模块中进行处理，对于每个图表的特殊配置项，则在各个图表的模板组件中进行处理，处理完的数据定义内容变成易于读取的option对象；

S13：将S12获得的图表数据采用图表数据处理模块进行二次处理，根据图表种类匹配不同的数据处理方法，图表模板组件将处理好的数据传入图表核心组件；

S14：图表模板组件相应的引入以及调用图表辅助组件，进行图表幅面元素的设置；

S15：图表绘制渲染在前端页面上；

S16：如需获得静态图表，图表库以SVG格式导出；如需获得交互图表，则在S15所述的成果页面上用鼠标或手指点击图表的主体图形元素对象，获得具体的数据响应。

9.根据权利要求7所述的一种基于组件化的图表库，其特征在于，所述图表库输出时间轴动态图表的具体步骤包括：

S21：开发者调用所需图表并上传相应数据定义文件，图表库中的图表模板组件进行处理，将获得的图表数据进行时间数据处理；

S22：判断是否需要动态时间轴，对于需要动态时间轴的图表，单帧数据轴按值域计算后进行渲染，对于不需要动态时间轴的图表，则直接将单帧数据图表进行渲染；

S23：上述获得的图表数据进行延时渲染与帧动画；

S24：图表绘制完成并动态播放。