拖拽式的多组件混合应用的数据可视化系统技术方案

技术编号:24937901 阅读:61 留言:0更新日期:2020-07-17 20:55
本发明专利技术提供一种拖拽式的多组件混合应用的数据可视化系统,通过简单的拖拽方式,利用可进行可视化差异配置和自定义引入的组件库,将原本需要各自进行的数据建模和可视化过程简单化、系统化、集中化,降低操作人员在可视化领域上的专业性要求,提供操作简单、展示效果好、个性程度高的数据在线可视化服务体系,帮助操作人员快速构建数据大屏、数据统计分析报告、中式数据报表等数据可视化应用,及时响应数据展示及调整需求。

【技术实现步骤摘要】
拖拽式的多组件混合应用的数据可视化系统
本专利技术涉及数据可视化
,尤其涉及一种拖拽式的多组件混合应用的数据可视化系统。
技术介绍
随着科技的发展,数据已呈爆炸式增长态势,越来越多的公司注意到了数据的重要性,但大多数公司短期内没有足够的成本投入到持续的数据分析中。目前国内也有很多提供数据可视化服务的公司,他们所提供的服务大致分为两类:一种是专业化工具(例如BI系统),另外一种是一次性的定制化设计。专业化工具在数据可视化部分提供一些固定展示组件,比如各类图表、表单组件,操作简单,但组件呈现效果无法进行定制化修改;一次性的定制化设计局限性更大,所有数据建模和可视化效果均需要人工编码完成,虽然美观上更胜一筹,但复用性差、维护性差、时效性差,且对开发者技能要求较高,无法及时响应数据展示及调整需求。
技术实现思路
本专利技术的主要目的在于提供一种拖拽式的多组件混合应用的数据可视化系统,旨在解决现有技术中存在的上述技术问题。为实现上述目的,本专利技术实施例提供一种拖拽式的多组件混合应用的数据可视化系统,所述系统包括:数据源管理模块、数据集管理模块以及数据报告管理模块;数据源管理模块,用于获取并保存数据库类型的数据源的配置信息,基于所述配置信息中的同步规则对所述数据库类型的数据源中被选定的数据表进行表结构同步,同步完成后,在所述数据库类型的数据源的数据表列表中显示符合所述同步规则的数据表;数据集管理模块,用于接收第一拖拽操作以及第一选择操作,以所述第一选择操作对应的关联类型对所述第一拖拽操作对应的数据表进行关联,得到数据集;数据报告管理模块,用于接收第二选择操作,并根据所述第二选择操作显示对应的设计面板,接收第二拖拽操作,并根据所述第二拖拽操作将对应的组件显示在所述设计面板上,接收组件设置信息,根据所述组件设置信息设置所述组件的显示样式,接收数据绑定配置信息,根据所述数据绑定配置信息将对应的数据集与所述组件进行绑定,将所述设计面板中的所述组件转换成页面元素占位,并根据分辨率及浏览器大小,自动对所述页面元素进行等比缩放展示,从所述数据集中获取数据并绑定到组件上进行显示。可选的,所述数据源管理模块,还用于:将excel类型的数据源中的每个sheet页转换成数据表,将转换后的数据表显示在所述excel类型的数据源的数据表列表中,并在接收到修改操作时,对所述数据表列表中的数据表或者表字段别名进行修改。可选的,所述数据集管理模块,还用于:接收SQL语句,对所述SQL语句对应的数据表进行关联,得到数据集,其中,所述SQL语句中出现的参数暴露成所述数据集的参数。可选的,所述数据报告管理模块包括:组件库、设计子模块、事件子模块以及渲染子模块,所述组件库,包含若干预置的数据展示类组件以及查询控制类组件;所述设计子模块,包含报告设计面板、大屏设计面板以及报表设计面板;所述事件子模块,基于JS事件机制,在组件与数据集之间实现数据的交互联动;所述渲染子模块,基于设计子模块和事件子模块上的配置信息进行数据的可视化统计展示页面渲染。可选的,当接收到引入操作时,将所述引入操作对应的自定义组件引入所述组件库。可选的,当基于第二选择操作显示报告设计面板或大屏设计面板时,基于第二拖拽操作从组件库中选择需要展示的组件,基于组件设置信息设置组件的显示样式,所述组件设置信息包括颜色、边距、大小,接收数据绑定配置信息,数据绑定配置信息包括数据集及显示字段信息,设置显示字段的聚合方式,聚合方式包括最大值、最小值、平均值,对绑定的数据集进行过滤条件及数据集参数绑定。可选的,事件子模块包括:事件配置子子模块、事件监听子子模块、事件广播子子模块以及事件执行子子模块;事件配置子子模块,用于配置组件联动、跳转、导出、显示/隐藏事件以及自定义JS事件;事件监听子子模块,用于创建组件事件监听,包括监听下拉框的数据改变事件;事件广播子子模块,用于组件广播事件,包括下拉框数据改变后,广播通知设计面板中关联的其他组件需要进行相应的事件触发;事件执行子子模块,用于组件执行监听到的事件。可选的,渲染子模块包括:页面元素渲染子子模块、组件事件渲染子子模块以及组件数据渲染子子模块;页面元素渲染子子模块,用于将设计面板中的组件转换成页面元素占位,并根据分辨率及浏览器大小,自动对所述页面元素进行等比缩放展示;组件事件渲染子子模块,用于调用事件子模块绑定和执行对应组件事件,组件事件包括组件上各类初始化事件、单击事件、数据改变事件以及回车事件;组件数据渲染子子模块,用于根据组件数据配置从数据集中获取数据并绑定到组件上进行显示。可选的,所述系统基于B/S构架。本专利技术提供的拖拽式的多组件混合应用的数据可视化系统,基于数据源管理模块、数据集管理模块以及数据报告管理模块的功能组合以及数据报告管理模块中各组件的混合应用,将数据源、数据集、组件、设计面板、事件有机结合在一起,操作人员可以在此基础上快速实现原始数据到可视化报告的业务转换,整个过程不需要掌握高深的开发技能,使用简单拖拽方式即可实现。附图说明图1为本专利技术拖拽式的多组件混合应用的数据可视化系统一实施例的结构示意图;图2为数据报告管理模块30一实施例的结构示意图;图3为事件子模块303一实施例的结构示意图;图4为渲染子模块304一实施例的结构示意图。本专利技术目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。具体实施方式应当理解,此处所描述的具体实施例仅仅用以解释本专利技术,并不用于限定本专利技术。本专利技术实施例提供本专利技术提供一种拖拽式的多组件混合应用的数据可视化系统,系统包括数据源管理、数据集管理、数据报告管理三个模块。本实施例的核心在于:通过数据源管理模块以及数据集管理模块将原始数据源转换成具备业务意义的可复用数据集,通过数据报告管理模块快速实现数据集的多维度多样化可视化数据展示。参照图1,图1为本专利技术拖拽式的多组件混合应用的数据可视化系统一实施例的结构示意图。如图1所示,一实施例中,拖拽式的多组件混合应用的数据可视化系统包括:数据源管理模块10、数据集管理模块20以及数据报告管理模块30;数据源管理模块10,用于获取并保存数据库类型的数据源的配置信息,基于所述配置信息中的同步规则对所述数据库类型的数据源中被选定的数据表进行表结构同步,同步完成后,在所述数据库类型的数据源的数据表列表中显示符合所述同步规则的数据表;本实施例中,数据源管理模块10,该模块负责对需要进行可视化分析的数据源通过表单配置的方式进行接入。操作人员需填入数据源配置信息,数据源可以是数据库,配置时需要填入数据库的IP、端口、账号、密码、同步规则等等配置信息。对于数据库类型的数据源,数据源配置保存后,系统会依据操作人员指定的同步规则进行表结构自动同步,同步规则可以选择哪些表需要同步或者不同步,同步完成后,该数据源的数据表列表中将显示数据源下符合同步规则的所有数据表信息。进本文档来自技高网...

【技术保护点】
1.一种拖拽式的多组件混合应用的数据可视化系统,其特征在于,所述系统包括:数据源管理模块、数据集管理模块以及数据报告管理模块;/n数据源管理模块,用于获取并保存数据库类型的数据源的配置信息,基于所述配置信息中的同步规则对所述数据库类型的数据源中被选定的数据表进行表结构同步,同步完成后,在所述数据库类型的数据源的数据表列表中显示符合所述同步规则的数据表;/n数据集管理模块,用于接收第一拖拽操作以及第一选择操作,以所述第一选择操作对应的关联类型对所述第一拖拽操作对应的数据表进行关联,得到数据集;/n数据报告管理模块,用于接收第二选择操作,并根据所述第二选择操作显示对应的设计面板,接收第二拖拽操作,并根据所述第二拖拽操作将对应的组件显示在所述设计面板上,接收组件设置信息,根据所述组件设置信息设置所述组件的显示样式,接收数据绑定配置信息,根据所述数据绑定配置信息将对应的数据集与所述组件进行绑定,将所述设计面板中的所述组件转换成页面元素占位,并根据分辨率及浏览器大小,自动对所述页面元素进行等比缩放展示,从所述数据集中获取数据并绑定到组件上进行显示。/n

【技术特征摘要】
1.一种拖拽式的多组件混合应用的数据可视化系统,其特征在于,所述系统包括:数据源管理模块、数据集管理模块以及数据报告管理模块;
数据源管理模块,用于获取并保存数据库类型的数据源的配置信息,基于所述配置信息中的同步规则对所述数据库类型的数据源中被选定的数据表进行表结构同步,同步完成后,在所述数据库类型的数据源的数据表列表中显示符合所述同步规则的数据表;
数据集管理模块,用于接收第一拖拽操作以及第一选择操作,以所述第一选择操作对应的关联类型对所述第一拖拽操作对应的数据表进行关联,得到数据集;
数据报告管理模块,用于接收第二选择操作,并根据所述第二选择操作显示对应的设计面板,接收第二拖拽操作,并根据所述第二拖拽操作将对应的组件显示在所述设计面板上,接收组件设置信息,根据所述组件设置信息设置所述组件的显示样式,接收数据绑定配置信息,根据所述数据绑定配置信息将对应的数据集与所述组件进行绑定,将所述设计面板中的所述组件转换成页面元素占位,并根据分辨率及浏览器大小,自动对所述页面元素进行等比缩放展示,从所述数据集中获取数据并绑定到组件上进行显示。


2.如权利要求1所述的系统,其特征在于,所述数据源管理模块,还用于:
将excel类型的数据源中的每个sheet页转换成数据表,将转换后的数据表显示在所述excel类型的数据源的数据表列表中,并在接收到修改操作时,对所述数据表列表中的数据表或者表字段别名进行修改。


3.如权利要求1所述的系统,其特征在于,所述数据集管理模块,还用于:
接收SQL语句,对所述SQL语句对应的数据表进行关联,得到数据集,其中,所述SQL语句中出现的参数暴露成所述数据集的参数。


4.如权利要求1所述的系统,其特征在于,所述数据报告管理模块包括:组件库、设计子模块、事件子模块以及渲染子模块,所述组件库,包含若干预置的数据展示类组件以及查询控制类组件;所述设计子模块,包含报告设计面板、大屏设计面板以及报表设计面板;所述...

【专利技术属性】
技术研发人员:赵铭易文峰梁培罗珍明石刚杜祺杨赛陈佳山
申请(专利权)人:深圳市康拓普信息技术有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1