[发明专利]一种基于标签快速实现数据可视化图表的展示方法及系统

权利要求书

1.一种基于标签快速实现数据可视化图表的展示方法，其特征在于，该方法是定义一组标签属性，通过标签属性查询数据库SQL配置，实现动态查询图表数据，并通过标签属性对数据进行格式化处理以及简洁的设置图表显示风格，将繁琐的可视化图表的显示风格属性设置及数据获取封装在自定义标签中，从而使可视化图表开发更加便捷；

其中，标签属性包括id、reportId、reportType、reportSpecs、reportParams、chartType、mapType、clickChart、dbClickChart、chartTitle、chartDataOptions、chartDisplayOptions、height、width、display、style；

标签属性查询数据库SQL配置，实现动态查询图表数据的具体步骤如下：

（1）、配置自定义标签的reportId、reportParams属性；

（2）、根据配置的reportId从表中查询动态SQL；

（3）、根据配置的reportParams参数动态拼接SQL，生成可执行的SQL,查询数据；

（4）、将查询出来的数据封装成可视化图表可用的JSON串返回给自定义标签；

标签属性查询数据库SQL配置，实现动态查询图表数据主要包括两种数据获取途径：

①、使用reportId属性将SQL标识ID传递给后台，后台通过查询数据库将SQL查询出来，再根据reportParam的配置将参数拼接到SQL中再查询数据；

②、使用reportSpecs属性，后台直接执行reportSpecs属性配置的SQL查询数据；

通过标签属性对数据进行格式化处理时，使用chartDataOptions属性对页面显示数据进行格式化；

格式化的内容包括可视化图表消息提示框显示内容、图表类型选择、轴线名称以及数据小数点百分比处理；

通过标签属性简洁的设置图表显示风格具体情况如下：

①、针对普通图表显示风格的配置，在资源文件.properties中通过KEY=VALUE的方式列出常用图表属性，使用chartDisplayOptions属性进行图表显示风格配置；

②、针对较难图表显示风格的配置，若资源文件.properties中对较难的图表显示风格配置无法实现，则自定义标签还支持使用可视化图表传统的形式定义OPTION对图表风格进行配置；

标签属性通过对chartType和mapType属性配置，配置自定义标签最终显示为多种可视化图表，自定义标签通过配置的内容默认给图表设置显示风格；同时自定义标签还为可视化图表扩展保留了接口。

2.根据权利要求1所述的基于标签快速实现数据可视化图表的展示方法，其特征在于，所述可视化图表包括折线图、柱形图、饼图、地图、热力图以及点图。

3.一种基于标签快速实现数据可视化图表的展示系统，其特征在于， 该系统包括表示模块、控制模块和模型模块；

其中，表示模块用于定义一组标签属性；

控制模块用于通过标签属性查询数据库SQL配置，实现动态查询图表数据，并通过标签属性对数据进行格式化处理以及简洁的设置图表显示风格；

模型模块用于将繁琐的可视化图表的风格属性设置及数据获取封装在自定义标签中，从而使可视化图表开发更加便捷；

标签属性包括id、reportId、reportType、reportSpecs、reportParams、chartType、mapType、clickChart、dbClickChart、chartTitle、chartDataOptions、chartDisplayOptions、height、width、display、style；

标签属性查询数据库SQL配置，实现动态查询图表数据的具体步骤如下：

（1）、配置自定义标签的reportId、reportParams属性；

（2）、根据配置的reportId从表中查询动态SQL；

（3）、根据配置的reportParams参数动态拼接SQL，生成可执行的SQL,查询数据；

（4）、将查询出来的数据封装成可视化图表可用的JSON串返回给自定义标签；

标签属性查询数据库SQL配置，实现动态查询图表数据主要包括两种数据获取途径：

①、使用reportId属性将SQL标识ID传递给后台，后台通过查询数据库将SQL查询出来，再根据reportParam的配置将参数拼接到SQL中再查询数据；

②、使用reportSpecs属性，后台直接执行reportSpecs属性配置的SQL查询数据；

通过标签属性对数据进行格式化处理时，使用chartDataOptions属性对页面显示数据进行格式化；

格式化的内容包括可视化图表消息提示框显示内容、图表类型选择、轴线名称以及数据小数点百分比处理；

通过标签属性简洁的设置图表显示风格具体情况如下：

①、针对普通图表显示风格的配置，在资源文件.properties中通过KEY=VALUE的方式列出常用图表属性，使用chartDisplayOptions属性进行图表显示风格配置；

②、针对较难图表显示风格的配置，若资源文件.properties中对较难的图表显示风格配置无法实现，则自定义标签还支持使用可视化图表传统的形式定义OPTION对图表风格进行配置；

标签属性通过对chartType和mapType属性配置，配置自定义标签最终显示为多种可视化图表，自定义标签通过配置的内容默认给图表设置显示风格；同时自定义标签还为可视化图表扩展保留了接口。