一种数据可视化方法、装置、设备及可读存储介质制造方法及图纸

本申请公开了一种数据可视化方法、装置、设备及可读存储介质，方法包括：预先引入不同的图形组件库，并对各图形组件库中的图形化组件进行显示；接收用户输入的目标图形化组件的组件属性，利用预先构造的公共方法调用目标图形化组件对应的属性设置方法，根据组件属性，利用属性设置方法对目标图形化组件的属性进行设置；根据设置后的属性，利用目标图形化组件对获取到的待可视化数据进行可视化展示。本申请公开的技术方案，通过在系统中集成不同的图形组件库而使得在数据可视化时能够从不同的图形组件库包含的图形化组件中选择合适的图形化组件对数据进行展示，以提高数据可视化展示效果，且可以屏蔽不同图形组件库的差异，减少图形化处理的难度。减少图形化处理的难度。减少图形化处理的难度。

【技术实现步骤摘要】
一种数据可视化方法、装置、设备及可读存储介质


[0001]本申请涉及数据可视化
，更具体地说，涉及一种数据可视化方法、装置、设备及可读存储介质。

技术介绍

[0002]数据可视化是利用图形化的方式将数据呈现给用户的技术，是一种数据的表达方式，其把复杂的数据信息，以合适的视觉元素进行展示，方便用户理解、记忆、传递，帮助人们让数据“说话”，让用户直观、快速地了解数据。
[0003]目前，在利用数据可视化工具进行数据可视化时，大多是使用单一的图形化组件库，所提供的图形化方式大多是单一来源，因此，造成数据可视化的效果比较单一，难以满足用户对一些特殊业务的需求。
[0004]综上所述，如何提高数据可视化的效果，是目前本领域技术人员亟待解决的技术问题。

技术实现思路

[0005]有鉴于此，本申请的目的是提供一种数据可视化方法、装置、设备及可读存储介质，用于提高数据可视化的效果。
[0006]为了实现上述目的，本申请提供如下技术方案：
[0007]一种数据可视化方法，包括：
[0008]预先引入不同的图形组件库，并对各所述图形组件库中的图形化组件进行显示；
[0009]接收用户输入的目标图形化组件的组件属性，利用预先构造的公共方法调用所述目标图形化组件对应的属性设置方法，根据所述组件属性，利用所述属性设置方法对所述目标图形化组件的属性进行设置；
[0010]根据设置后的属性，利用所述目标图形化组件对获取到的待可视化数据进行可视化展示。
[0011]优选的，接收用户对目标图形化组件设置的组件属性，包括：
[0012]接收所述用户对所述目标图形化组件设置的数据属性和显示属性；其中，所述数据属性包括待可视化数据的访问途径。
[0013]优选的，根据设置后的属性，利用所述目标图形化组件对获取到的待可视化数据进行可视化展示，包括：
[0014]根据所述目标图形化组件的来源和类型，利用所述公共方法调用与所述目标图形化组件对应的DOM生成方法，利用所述DOM生成方法生成与所述目标图形化组件对应的DOM对象；
[0015]根据设置后的数据属性获取所述待可视化数据，并根据所述待可视化数据及设置后的显示属性设置所述DOM对象的CSS属性，且对设置所述CSS属性的DOM对象进行渲染，以对所述待可视化数据进行可视化展示。
[0016]优选的，根据所述组件属性，利用所述属性设置方法对所述目标图形化组件的属性进行设置，包括：
[0017]利用所述属性设置方法对所述用户输入的组件属性进行格式转换及编码转换。
[0018]优选的，在利用所述属性设置方法对所述用户输入的组件属性进行格式转换及编码转换之后，还包括：
[0019]对转换得到的属性进行校验。
[0020]优选的，还包括：
[0021]若转换得到的属性通过校验，则对转换得到的属性进行持久化处理。
[0022]优选的，还包括：
[0023]若转换得到的属性未通过校验，则进行提示。
[0024]一种数据可视化装置，包括：
[0025]显示模块，用于预先引入不同的图形组件库，并对各所述图形组件库中的图形化组件进行显示；
[0026]设置模块，用于接收用户输入的目标图形化组件的组件属性，利用预先构造的公共方法调用所述目标图形化组件对应的属性设置方法，根据所述组件属性，利用所述属性设置方法对所述目标图形化组件的属性进行设置；
[0027]可视化展示模块，用于根据设置后的属性，利用所述目标图形化组件对获取到的待可视化数据进行可视化展示。
[0028]一种数据可视化设备，包括：
[0029]存储器，用于存储计算机程序；
[0030]处理器，用于执行所述计算机程序时实现如上述任一项所述的数据可视化方法的步骤。
[0031]一种可读存储介质，所述可读存储介质中存储有计算机程序，所述计算机程序被处理器执行时实现如上述任一项所述的数据可视化方法的步骤。
[0032]本申请提供了一种数据可视化方法、装置、设备及可读存储介质，其中，该方法包括：预先引入不同的图形组件库，并对各图形组件库中的图形化组件进行显示；接收用户输入的目标图形化组件的组件属性，利用预先构造的公共方法调用目标图形化组件对应的属性设置方法，根据组件属性，利用属性设置方法对目标图形化组件的属性进行设置；根据设置后的属性，利用目标图形化组件对获取到的待可视化数据进行可视化展示。
[0033]本申请公开的上述技术方案，预先在系统中引入不同的图形组件库，以在系统中集成多源图形化组件，并对各图形组件库中的图形化组件进行显示，以供用户对来自各种图形组件库的图形化组件进行选择而用于数据可视化，以便于提高数据可视化效果。在用户根据显示输入目标图形化组件的组件属性后，利用预先构建的公共方法调用目标图形化组件对应的属性设置方法，并根据组件属性利用属性设置方法在后台对目标图形化组件进行属性设置，以使得用户在前端所输入的组件属性能够生效，之后，则根据设置后的属性利用目标图形化组件对获取到的待可视化数据进行可视化展示，以实现根据业务需要而能够在系统集成的多个图形组件库中选择不同来源的图形化组件来对数据进行可视化展示，以提高数据可视化的多样性和效果，从而便于用户更加直观、快速地了解数据，而且通过本申请可以屏蔽不同图形组件库在逻辑、数据等方面的差异，以统一、易读的方式对图形化组件
进行属性设置，从而减少图形化处理的难度，提高用户的体验度。
附图说明
[0034]为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。
[0035]图1为本申请实施例提供的一种数据可视化方法的流程图；
[0036]图2为本申请实施例提供的另一种数据可视化方法的流程图；
[0037]图3为本申请实施例提供的一种数据可视化装置的结构示意图；
[0038]图4为本申请实施例提供的一种数据可视化设备的结构示意图。
具体实施方式
[0039]目前，现有的数据可视化工具大多是使用单一的图形化组件库，采用固定图形化组件库提供的方式进行图形化处理，导致支持的图形化组件类型的数量受到限制，因此，造成数据可视化的效果比较单一，难以满足用户对一些特殊业务的需求。需要说明的是，图形化组件具体为柱状图、直线图、饼图等用于对数据以图形方式进行展示的组件。
[0040]为此，本申请提供一种数据可视化方法、装置、设备及可读存储介质，用于提高数据可视化的效果。
[0041]下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种数据可视化方法，其特征在于，包括：预先引入不同的图形组件库，并对各所述图形组件库中的图形化组件进行显示；接收用户输入的目标图形化组件的组件属性，利用预先构造的公共方法调用所述目标图形化组件对应的属性设置方法，根据所述组件属性，利用所述属性设置方法对所述目标图形化组件的属性进行设置；根据设置后的属性，利用所述目标图形化组件对获取到的待可视化数据进行可视化展示。2.根据权利要求1所述的所述的数据可视化方法，其特征在于，接收用户对目标图形化组件设置的组件属性，包括：接收所述用户对所述目标图形化组件设置的数据属性和显示属性；其中，所述数据属性包括待可视化数据的访问途径。3.根据权利要求2所述的所述的数据可视化方法，其特征在于，根据设置后的属性，利用所述目标图形化组件对获取到的待可视化数据进行可视化展示，包括：根据所述目标图形化组件的来源和类型，利用所述公共方法调用与所述目标图形化组件对应的DOM生成方法，利用所述DOM生成方法生成与所述目标图形化组件对应的DOM对象；根据设置后的数据属性获取所述待可视化数据，并根据所述待可视化数据及设置后的显示属性设置所述DOM对象的CSS属性，且对设置所述CSS属性的DOM对象进行渲染，以对所述待可视化数据进行可视化展示。4.根据权利要求1所述的所述的数据可视化方法，其特征在于，根据所述组件属性，利用所述属性设置方法对所述目标图形化组件的属性进行设置，包括：利用...

【专利技术属性】
技术研发人员：郭建波，尹书辉，刘志君，杨华剑，
申请(专利权)人：杭州海兴电力科技股份有限公司宁波恒力达科技有限公司南京海兴电网技术有限公司，
类型：发明
国别省市：