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

摘要

本发明公开了数据可视化实现系统及方法，该系统包括：第一前端界面和用于监听到结束按钮元素的拖拽操作时，在画布编辑区上渲染出图表工具控件的代码的监听控制器，该图表工具控件的代码用于图表工具的生成；生成的图表工具包括第二前端界面及用于根据监听得到的基础配置参数，加载渲染出参数配置区表单的监听控制器。该方法包括：对图表工具控件对应的按钮元素进行拖拽操作行为的监听；当监听到结束按钮元素的拖拽操作时，在画布编辑区上渲染出图表工具控件的代码。本发明可简化图表生成制作的操作手段，以及实现可视化的图表参数配置，适用于无前端开发基础的人群，扩大了图表工具的应用场景和群体。本发明可广泛应用于前端处理技术领域中。

主权项

一种数据可视化实现系统，其特征在于：该系统包括：第一前端界面，设置有控件区、画布编辑区和工具操作区；第一监听控制器，用于对设置在控件区中的按钮元素进行拖拽操作行为的监听；当监听到释放鼠标行为操作，以结束按钮元素的拖拽操作，且当前鼠标位置处于画布编辑区中时，在画布编辑区上生成渲染出被拖拽的按钮元素所对应的多媒体控件的代码；其中，所述被拖拽的按钮元素所对应的多媒体控件为图表工具控件；所述图表工具控件的代码用于图表工具的生成；生成的图表工具包括第二前端界面以及第二监听控制器；所述第二前端界面设置有用于提供图表配置参数表单的表单配置区、用于根据输入的图表配置参数和/或配置代码，渲染出对应图表的图表渲染区以及用于展示输入的图表配置参数所对应的配置代码的配置代码展示区；所述表单配置区包含基础配置区和参数配置区；所述第二监听控制器用于监听基础配置区的表单中所确定输入的基础配置参数，根据监听得到的基础配置参数，动态加载并渲染出相对应的参数配置区的表单。