[发明专利]一种基于单元格函数快速实现图表的方法

说明书

一种基于单元格函数快速实现图表的方法，步骤1、作为模板设计器，步骤2、打开WebSheet模板设计器，扩展单元格引用自定义函数；步骤3、按业务需求编写自定义业务函数实例；步骤4、编写图表库加载数据的统一接口，抽象出图例项类和水平分类标签项，能够使得图表库中所有图表通过统一数据接口的实现完成数据加载，显示图形；步骤5、制定图表，完成数据的异步加载；本发明解决了不同类型图表的数据接口不一样的问题、完成了统一数据来源快速实现各类图表的开发。

技术领域

本发明涉及计算机应用技术领域，特别涉及一种基于单元格函数快速实现图表的方法。

背景技术

图表是我们最常见的数据可视化的应用工具，能够比文字更简洁的描述出人们所想要表达的内容，使得我们的数据表达告别了冗长的文字表达时代。

随着企业信息化、数字化、智能化不断推进，数据可视化图表应用越来越广泛，常规的折线图，柱状图，散点图，饼图，K线图再到可视化的地图，热力图，线图，关系图，甚至BI的漏斗图，仪表盘等深入应用，图表的快速开发将成为亟待解决的技术问题。

现有图表的实现，是基于服务端采用applications,applets,servlets、JSP；或者基于客户端浏览器采用javaScript进行图表组件化，针对不同类型图表提供数据API的设计思路，其具有数据组织结构复杂，数据接口不一致，图表类型转换繁琐等方面的缺点。

发明内容

为了克服上述现有技术的缺陷，本发明的目的在于提供一种基于单元格函数快速实现图表的方法，具有数据规范、接口统一、直观清晰、简单易用的特点。

为了达到上述目的，本发明是通过如下技术方案来实现的：

一种基于单元格函数快速实现图表的方法，包括以下步骤：

步骤1、在Web系统中嵌入采用HTML5 Canvas绘制的类似Excel功能的WebSheet页面，作为模板设计器，在模板设计器中引用Javascript图表库，能够在sheet表单中插入图表，图表包括折线图，柱状图，散点图，饼图、K线图、热力图，线图，关系图；

步骤2、打开WebSheet模板设计器，扩展单元格引用自定义函数，规范自定义函数的标准，编写函数体描述类、函数执行类、回调函数类和返回对象类的抽象实例；

步骤3、按业务需求编写自定义业务函数实例，业务函数是与后台服务进行数据传输得到的结果，全部定义为异步函数，通过步骤2对自定函数的抽象实例进行派生并重写具体内容，异步函数执行类是通过Http Ajax或者Websocket从系统后端拉/推数据，调用回调函数，将实例化返回对象类的具体内容。

步骤4、编写图表库加载数据的统一接口，抽象出图例项类和水平分类标签项，使得图表库中所有图表通过统一数据接口的实现完成数据加载，显示图形。

步骤5、制定图表，WebSheet模板设计器设定表单静态信息、单元格内调用业务函数显示动态数据，插入图表，通过统一数据接口设定图例样式、指定图例项中的标题名称、图例项数据和水平轴标签相互对应的单元格数据集合，图表即可完成数据的异步加载。

本发明的有益效果：

采用本发明，在web系统中，表格和图表能够完美结合，呈现出不同视觉表现形式的数据信息。由单元格数据(来源函数)与图表数据统一的接口对接，快速实现各类图表的展示；解决了不同类型图表的数据接口不一样的问题、完成了统一数据来源(单元格)快速实现各类图表的开发。

附图说明

图1是本发明的单元格函数抽象类图。

图2是本发明的图表数据选择页面图。

具体实施方式

下面结合附图对本发明作进一步详细说明。