[发明专利]一种数据可视化实现系统及方法

权利要求书

1.一种数据可视化实现系统，其特征在于：该系统包括：

第一前端界面，设置有控件区、画布编辑区和工具操作区；

第一监听控制器，用于对设置在控件区中的按钮元素进行拖拽操作行为的监听；当监听到释放鼠标行为操作，以结束按钮元素的拖拽操作，且当前鼠标位置处于画布编辑区中时，在画布编辑区上生成渲染出被拖拽的按钮元素所对应的多媒体控件的代码；其中，所述被拖拽的按钮元素所对应的多媒体控件为图表工具控件；所述图表工具控件的代码用于图表工具的生成；

生成的图表工具包括第二前端界面以及第二监听控制器；

所述第二前端界面设置有用于提供图表配置参数表单的表单配置区、用于根据输入的图表配置参数和/或配置代码，渲染出对应图表的图表渲染区以及用于根据输入的图表配置参数，动态生成对应的配置代码，并在界面上进行展示的配置代码展示区；所述表单配置区包含基础配置区和参数配置区；所述第二监听控制器用于监听基础配置区的表单中所确定输入的基础配置参数，根据监听得到的基础配置参数，动态加载并渲染出相对应的参数配置区的表单；

所述第一监听控制器还用于当监听到按钮元素被拖拽操作时，新建与被拖拽的按钮元素相对应的临时层；其中，所述临时层用于跟随鼠标移动轨迹进行移动；存储和显示有被拖拽的按钮元素所对应的多媒体控件的页面信息及数据信息；根据多媒体控件的页面信息及数据信息，渲染出对应的多媒体插件效果。

2.根据权利要求1所述一种数据可视化实现系统，其特征在于：所述第一监听控制器还用于根据被拖拽的按钮元素所对应的多媒体控件的id号，获取对应的多媒体控件的页面信息及数据信息，并将获取得到的多媒体控件的页面信息及数据信息复制至临时层中；其中，一个多媒体控件对应唯一一个id号。

3.根据权利要求1所述一种数据可视化实现系统，其特征在于：该系统还包括：

第一保存单元，用于将画布编辑区中的所有代码存储到本地缓存服务器和/或上传到远程服务器进行存储；

和/或，

第二保存单元，用于将操作数据存储到本地缓存服务器和/或上传到远程服务器进行存储。

4.根据权利要求1所述一种数据可视化实现系统，其特征在于：所述基础配置区用于提供基础配置参数表单，所述基础配置参数表单包括有第三方工具库表单、图表类型表单和/或配置模式表单，所述配置模式表单所提供选择的配置模式包括有基础表单配置模式、高级表单配置模式和/或代码模式；

所述第二监听控制器具体包括：

第一监听控制子模块，用于当监听得到的配置模式为基础表单配置模式时，则在参数配置区中动态加载并渲染出基础表单模块；

第二监听控制子模块，用于当监听得到的配置模式为高级表单配置模式时，则在参数配置区中动态加载并渲染出基础表单模块以及扩展表单模块；

和/或，

第三监听控制子模块，用于当监听得到的配置模式为代码模式时，则禁用参数配置区，并令配置代码展示区处于可编辑状态。

5.根据权利要求1所述一种数据可视化实现系统，其特征在于：所述生成的图表工具还包括：

第一校验单元，用于对参数配置区中的表单进行填写提示，以及对参数配置区中的表单所输入的配置信息进行监听校验。

6.根据权利要求1-5任一项所述一种数据可视化实现系统，其特征在于：所述第二前端界面还设置有用于上传EXCEL文件的输入表单，以及用于响应保存操作，将保存的数据所对应的数据源ID进行渲染展示的数据源展示区；其中，渲染展示的数据源ID用于被选取，从而调用对应的数据来生成匹配的图表后，令生成的图表渲染展示在图表渲染区中；

所述生成的图表工具还包括：

后端接口，用于接收上传的EXCEL文件，对接收得到的EXCEL文件进行数据读取，对读取得到的EXCEL数据进行校验，将校验合格的EXCEL数据写入数据库，然后遍历数据库中的EXCEL数据来产生数据行，根据产生的数据行，生成新的EXCEL工作簿，接着将生成的EXCEL工作簿返回至第三前端界面；

第三前端界面，用于根据EXCEL工作簿的表格格式，将EXCEL工作簿中的数据进行显示，以及触发对显示的EXCEL工作簿中的数据执行保存操作。