CN112947918A - 数据展示方法和装置 - Google Patents
数据展示方法和装置 Download PDFInfo
- Publication number
- CN112947918A CN112947918A CN202110349219.2A CN202110349219A CN112947918A CN 112947918 A CN112947918 A CN 112947918A CN 202110349219 A CN202110349219 A CN 202110349219A CN 112947918 A CN112947918 A CN 112947918A
- Authority
- CN
- China
- Prior art keywords
- data
- graphic
- user
- target
- component
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 73
- 238000009877 rendering Methods 0.000 claims abstract description 15
- 238000012800 visualization Methods 0.000 claims abstract description 10
- 230000000007 visual effect Effects 0.000 claims description 40
- 230000004044 response Effects 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 9
- 238000006243 chemical reaction Methods 0.000 claims description 7
- 238000011161 development Methods 0.000 abstract description 20
- 230000008859 change Effects 0.000 abstract description 8
- 230000018109 developmental process Effects 0.000 description 18
- 238000010586 diagram Methods 0.000 description 12
- 238000004891 communication Methods 0.000 description 7
- 230000000694 effects Effects 0.000 description 6
- 230000006870 function Effects 0.000 description 6
- 238000012545 processing Methods 0.000 description 6
- 230000000712 assembly Effects 0.000 description 5
- 238000000429 assembly Methods 0.000 description 5
- 230000008569 process Effects 0.000 description 5
- 238000013461 design Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000004048 modification Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 239000000835 fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 239000013256 coordination polymer Substances 0.000 description 1
- 238000013079 data visualisation Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000007619 statistical method Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000033772 system development Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/28—Databases characterised by their database models, e.g. relational or object models
- G06F16/284—Relational databases
- G06F16/285—Clustering or classification
- G06F16/287—Visualization; Browsing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/36—Software reuse
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种数据展示方法和装置,涉及大数据技术领域。该方法的一具体实施方式包括:获取启动指令,根据启动指令加载图形组件库;响应于用户在所述图形组件库内的选取操作,将所述用户选取的目标图形组件添加到预设的展示区;响应于用户的数据选取操作,确定与所述目标图形组件对应的待展示数据;对所述待展示数据与所述目标图形组件进行关联和渲染,以通过所述目标图形组件展示所述待展示数据。该实施方式可以根据需求灵活选择目标图形组件,并自由切换和配置目标图形组件展示的数据,可满足多系统数据切换可视化展示,适用范围广,降低代码冗余;可以降低开发成本,减少开发时间,快速满足用户的需求变更,提高用户使用满意度。
Description
技术领域
本发明涉及大数据技术领域,尤其涉及一种数据展示方法和装置。
背景技术
目前,在很多场景下需要对系统数据进行统计分析,需要图形组件完成对业务数据的多样化展示。而每个系统可能都会存在各式各样的数据图形展示模块,也因此每个系统的展示风格各异,差别化较大。并且,由于各个系统都需要定制开发相应的图形组件,需要花费大量的时间成本和人力成本,每次图形组件开发都需要一定的开发时间,难以快速满足用户的需求。具体的,现有的方法是通过前端根据后台提供的接口组装请求数据,向后台发送请求去查询图形组件所需要展示的数据,将查询的数据集合直接放到前端图形的数据属性中,前端图形组件将数据解析并且渲染成所需要的图形报表。这种图形组件都需要开发人员事先开发好调用接口,然后通过后台提供的接口获取图形组件需要展示的数据,每个图形组件都是固定展示响应查询出来的数据。前端图形组件的设计、调用方法、接口这些都需要在开发的时候提前约定好,这种设计技术方法比较固定单一,没有灵活性。每个系统都需要根据自己的情况来设计图形和调用方法。该方法是在系统开发时直接将数据和图形组件直接关联的,无法提供给用户自由匹配组装数据的接口,而且每个系统都需要写一套图形组件设计和数据获取方法,冗余度较高。
发明内容
有鉴于此,本发明实施例提供一种数据展示方法和装置,能够使用户根据需求灵活选择目标图形组件,并自由切换和配置目标图形组件展示的数据,可满足多系统数据切换可视化展示,适用范围广,降低代码冗余;可以降低开发成本,减少开发时间,快速满足用户的需求变更,提高用户使用满意度。
为实现上述目的,根据本发明实施例的一个方面,提供了一种数据展示方法,包括:
获取启动指令,根据所述启动指令加载图形组件库;
响应于用户在所述图形组件库内的选取操作,将所述用户选取的目标图形组件添加到预设的展示区;
响应于用户的数据选取操作,确定与所述目标图形组件对应的待展示数据;
对所述待展示数据与所述目标图形组件进行关联和渲染,以通过所述目标图形组件展示所述待展示数据。
可选地,获取启动指令,根据所述启动指令加载图形组件库包括:
响应于用户启动图形展示可视化界面的操作,生成启动指令;
基于所述启动指令,加载图形组件库。
可选地,在获取启动指令之前,所述方法还包括:构建所述图形组件库。
可选地,构建所述图形组件库包括:创建多个图形组件,并设置每个所述图形组件的状态;基于所述多个图形组件,构建所述图形组件库。
可选地,在响应于用户在所述图形组件库内的选取操作之前,所述方法还包括:根据每个所述图形组件的状态,设置每个所述图形组件在所述图形展示可视化界面的显示颜色。
可选地,所述图形组件的状态包括有效和无效;
根据每个所述图形组件的状态,设置每个所述图形组件的显示颜色包括:
当所述图形组件的状态为有效时,设置所述图形组件在图形展示可视化界面的显示颜色为第一颜色,以表示所述图形组件为有效的;
当所述图形组件的状态为无效时,设置所述图形组件在图形展示可视化界面的显示颜色为第二颜色,以表示所述图形组件为无效的。
可选地,在设置每个所述图形组件的状态时,所述方法还包括:设置每个所述图形组件的级别。
可选地,在用户启动所述图形展示可视化界面之后,所述方法还包括:展示登录窗口;基于所述登录窗口,接收所述用户的登录信息;根据所述登录信息,确定所述用户的等级;根据每个所述图形组件的级别,在所述图形展示可视化界面中展示与所述用户的等级对应的图形组件。
可选地,所述方法还包括:基于Echarts工具,构建所述图形组件库。
可选地,所述图形组件库包括以下一种或多种图表:饼状图、柱状图、折线图、散点图、雷达图和力导布局图。
可选地,响应于用户在所述图形组件库内的选取操作,将所述用户选取的目标图形组件添加到预设的展示区包括:根据用户在所述图形组件库内的选取操作,确定所述用户选取的目标图形组件的标识;根据所述标识,将所述目标图形组件添加到预设的展示区。
可选地,在将所述用户选取的目标图形组件添加到预设的展示区之后,所述方法还包括:设置所述目标图形组件的属性信息;其中,所述属性信息至少包括以下一种:颜色信息、尺寸信息、字体信息。
可选地,响应于用户的数据选取操作,确定与所述目标图形组件对应的待展示数据包括:
响应于用户对所述预设的展示区中的目标图形组件的选中操作,显示多个可选数据源;
响应于用户的数据源选取操作,将所述用户从所述多个可选数据源中选取的数据源作为目标数据源;
响应于用户的数据选取操作,将所述用户从所述目标数据源中选取的数据作为待展示数据。
可选地,响应于用户的数据选取操作,将所述用户从所述目标数据源中选取的数据作为待展示数据包括:接收查询条件,根据所述查询条件在所述目标数据源中进行查询,将查询得到的数据作为待展示数据。
可选地,对所述待展示数据与所述目标图形组件进行关联和渲染包括:确定所述目标图形组件的数据格式;根据所述数据格式,对所述待展示数据进行格式转换;对格式转换后的所述待展示数据与所述目标图形组件进行关联和渲染。
为实现上述目的,根据本发明实施例的另一个方面,提供了一种数据展示装置,包括:
获取模块,用于获取启动指令,根据所述启动指令加载图形组件库;
图形选取模块,用于响应于用户在所述图形组件库内的选取操作,将所述用户选取的目标图形组件添加到预设的展示区;
数据选取模块,用于响应于用户的数据选取操作,确定与所述目标图形组件对应的待展示数据;
数据展示模块,用于对所述待展示数据与所述目标图形组件进行关联和渲染,以通过所述目标图形组件展示所述待展示数据。
可选地,所述获取模块还用于:响应于用户启动图形展示可视化界面的操作,生成启动指令;基于所述启动指令,加载图形组件库。
可选地,所述装置还包括构建模块,用于构建所述图形组件库。
可选地,所述构建模块还用于:创建多个图形组件,并设置每个所述图形组件的状态;基于所述多个图形组件,构建所述图形组件库。
可选地,所述获取模块还用于:根据每个所述图形组件的状态,设置每个所述图形组件在所述图形展示可视化界面的显示颜色。
可选地,所述图形组件的状态包括有效和无效;
所述获取模块还用于:当所述图形组件的状态为有效时,设置所述图形组件在图形展示可视化界面的显示颜色为第一颜色,以表示所述图形组件为有效的;当所述图形组件的状态为无效时,设置所述图形组件在图形展示可视化界面的显示颜色为第二颜色,以表示所述图形组件为无效的。
可选地,所述构建模块还用于:设置每个所述图形组件的级别。
可选地,所述系统还包括登录模块,用于在用户启动所述图形展示可视化界面之后,展示登录窗口;基于所述登录窗口,接收所述用户的登录信息;根据所述登录信息,确定所述用户的等级;根据每个所述图形组件的级别,在所述图形展示可视化界面中展示与所述用户的等级对应的图形组件。
可选地,所述构建模块还用于:基于Echarts工具,构建所述图形组件库。
可选地,所述图形组件库包括以下一种或多种图表:饼状图、柱状图、折线图、散点图、雷达图和力导布局图。
可选地,所述图形选取模块还用于:根据用户在所述图形组件库内的选取操作,确定所述用户选取的目标图形组件的标识;根据所述标识,将所述目标图形组件添加到预设的展示区。
可选地,所述图形选取模块还用于:设置所述目标图形组件的属性信息;其中,所述属性信息至少包括以下一种:颜色信息、尺寸信息、字体信息。
可选地,所述数据选取模块还用于:响应于用户对所述预设的展示区中的目标图形组件的选中操作,显示多个可选数据源;响应于用户的数据源选取操作,将所述用户从所述多个可选数据源中选取的数据源作为目标数据源;响应于用户的数据选取操作,将所述用户从所述目标数据源中选取的数据作为待展示数据。
可选地,所述数据选取模块还用于:接收查询条件,根据所述查询条件在所述目标数据源中进行查询,将查询得到的数据作为待展示数据。
可选地,所述数据展示模块还用于:确定所述目标图形组件的数据格式;根据所述数据格式,对所述待展示数据进行格式转换;对格式转换后的所述待展示数据与所述目标图形组件进行关联和渲染。
为实现上述目的,根据本发明实施例的又一个方面,提供了一种电子设备,包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本发明实施例的数据展示方法。
为实现上述目的,根据本发明实施例的再一个方面,提供了一种计算机可读介质,其上存储有计算机程序,所述程序被处理器执行时实现本发明实施例的数据展示方法。
上述发明中的一个实施例具有如下优点或有益效果:通过用户在图形组件库中选取所需要的目标图形组件,并从可选的数据源中选择与该目标图形组件关联的待展示数据,将目标图形组件及其对应的待展示数据进行关联和渲染,以通过该目标图形组件展示该待展示数据,从而达到数据可视化展示的效果。若需要变更目标图形组件展示的数据,用户可以重新选中该目标图形组件,并重新从可选的数据源中选择待展示数据的技术手段,可以使用户根据需求灵活选择目标图形组件,并自由切换和配置目标图形组件展示的数据,可满足多系统数据切换可视化展示,适用范围广,降低代码冗余;可以降低开发成本,减少开发时间,快速满足用户的需求变更,提高用户使用满意度。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明,不构成对本发明的不当限定。其中:
图1是本发明实施例的数据展示方法的主要流程的示意图;
图2是本发明另一实施例的数据展示方法的主要流程的示意图;
图3是本发明又一实施例的数据展示方法的主要流程的示意图;
图4是本发明实施例的数据展示装置的主要模块的示意图;
图5是本发明实施例可以应用于其中的示例性系统架构图;
图6是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明,其中包括本发明实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本发明的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
图1是本发明实施例的数据展示方法的主要步骤的流程图,如图1所示,该方法包括:
步骤S101:获取启动指令,根据所述启动指令加载图形组件库;
步骤S102:响应于用户在所述图形组件库内的选取操作,将所述用户选取的目标图形组件添加到预设的展示区;
步骤S103:响应于用户的数据选取操作,确定与所述目标图形组件对应的待展示数据;
步骤S104:对所述待展示数据与所述目标图形组件进行关联和渲染,以通过所述目标图形组件展示所述待展示数据。
对于步骤S101,具体的,可以根据如下过程加载图形组件库:响应于用户启动图形展示可视化界面的操作,生成启动指令;基于所述启动指令,加载图形组件库。其中,可以通过开源的可视化界面开发工具开发该图形展示可视化界面。用户通过该可视化界面进行步骤S101-S103的操作。在本发明实施例中,图形组件库可以是预先构建的,具体的,可以利用开源图形框架如Echarts开发图形组件库。该图形组件库中包括多种图形组件,如饼状图、柱状图、折线图、散点图、雷达图和力导布局图等。
对于步骤S102,在打开该可视化界面之后,用户可以在图形组件库中选取所需要的目标图形组件,例如可以将所需要的目标图形组件拖拽到可视化界面中的图形展示区域。在将用户选取的目标图形组件添加到预设的展示区之后,用户还可以设置所述目标图形组件的属性信息;其中,所述属性信息至少包括以下一种:颜色信息、尺寸信息、字体信息。作为示例,可以根据如下过程将目标图形组件添加到预设的展示区:根据用户在所述图形组件库内的选取操作,确定所述用户选取的目标图形组件的标识;根据所述标识,将所述目标图形组件添加到预设的展示区。在本实施例中,在构建图形组件时可以确定每个图形组件的唯一标识。
对于步骤S103,用户可以点击或双击图形展示区域中的目标图形组件,以选中该目标图形组件。在选中该目标图形组件之后,从可选的数据源中选择与该目标图形组件关联的待展示数据。在本实施例中,该可视化界面与可选的数据源进行关联,在用户选中图形展示区域中的目标图形组建之后,可以向用户输出可选的数据源,以使用户从该可选的数据源中选取待展示数据。
对于步骤S104,将目标图形组件及其对应的待展示数据进行关联和渲染,以通过该目标图形组件展示该待展示数据,从而达到数据可视化展示的效果。
在本发明实施例中,若需要变更目标图形组件展示的数据,则可以重新选中该目标图形组件,并重新从可选的数据源中选择待展示数据。
本发明实施例的数据展示方法,通过用户在图形组件库中选取所需要的目标图形组件,并从可选的数据源中选择与该目标图形组件关联的待展示数据,将目标图形组件及其对应的待展示数据进行关联和渲染,以通过该目标图形组件展示该待展示数据,从而达到数据可视化展示的效果。若需要变更目标图形组件展示的数据,用户可以重新选中该目标图形组件,并重新从可选的数据源中选择待展示数据。该方法可以使用户根据需求灵活选择目标图形组件,并自由切换和配置目标图形组件展示的数据,可满足多系统数据切换可视化展示,适用范围广,降低代码冗余;可以降低开发成本,减少开发时间,快速满足用户的需求变更,提高用户使用满意度。
在可选的实施例中,构建图形组件库的过程可以包括:
创建多个图形组件,并设置每个所述图形组件的状态;基于所述多个图形组件,构建所述图形组件库。其中,图形组件的状态包括无效和有效,当图形组件的状态为有效时还可以设置该图形组件的失效时间。在该实施例中,该方法还可以包括:根据每个所述图形组件的状态,设置每个所述图形组件在所述图形展示可视化界面的显示颜色。具体的,当所述图形组件的状态为有效时,设置所述图形组件在图形展示可视化界面的显示颜色为第一颜色,以表示所述图形组件为有效的;当所述图形组件的状态为无效时,设置所述图形组件在图形展示可视化界面的显示颜色为第二颜色,以表示所述图形组件为无效的。
在其他可选的实施例中,在构建图形组件库的过程中还可以设置每个图形组件的级别。在该实施例中,在用户启动所述图形展示可视化界面之后,所述方法还包括:展示登录窗口;基于所述登录窗口,接收所述用户的登录信息;根据所述登录信息,确定所述用户的等级;根据每个所述图形组件的级别,在所述图形展示可视化界面中展示与所述用户的等级对应的图形组件。即在获取启动指令,并根据所述启动指令加载图形组件库时,可以根据用户的登录信息,确定与该用户的等级匹配的图形组件,并加载该图形组件。在本实施例中,用户的等级越高,用户的访问权限越高。即本实施例设置了用户访问权限,访问权限高的用户可访问的图形组件越多,访问权限低的用户可访问的图形组件较少。而,用户的访问权限可以根据用户信息如账号信息确定。
图2是本发明另一实施例的数据展示方法的主要步骤的流程示意图,如图2所示,该方法包括:
步骤S201:获取启动指令,根据所述启动指令加载图形组件库;
步骤S202:响应于用户在所述图形组件库内的选取操作,将所述用户选取的目标图形组件添加到预设的展示区;
步骤S203:响应于用户对所述预设的展示区中的目标图形组件的选中操作,显示多个可选数据源;
步骤S204:响应于用户的数据源选取操作,将所述用户从所述多个可选数据源中选取的数据源作为目标数据源;
步骤S205:响应于用户的数据选取操作,将所述用户从所述目标数据源中选取的数据作为待展示数据;
步骤S206:对所述待展示数据与所述目标图形组件进行关联和渲染,以通过所述目标图形组件展示所述待展示数据。
其中,步骤S201-S202及步骤S206与图1所示的实施例相同,未在本实施例中详尽描述的技术细节,可参见图1所提供的实施例。
对于步骤S203-S205,在本实施例中,在用户选中图形展示区域中的目标图形组件后,响应于该选中操作,输出该目标图形组件可关联的数据源,用户从可关联的数据源中选择目标数据源。然后,从目标数据源中确定待展示的数据。在可选的实施例中,用户可以输入查询条件,基于该查询条件从目标数据源中进行查询,将查询到的数据作为待展示的数据。
本发明实施例的数据展示方法,可以使用户根据需求灵活选择目标图形组件,并自由切换和配置目标图形组件展示的数据,可满足多系统数据切换可视化展示,适用范围广,降低代码冗余;可以降低开发成本,减少开发时间,快速满足用户的需求变更,提高用户使用满意度。
图3是本发明又一实施例的数据展示方法的主要步骤的流程示意图,如图3所示,该方法包括:
步骤S301:获取启动指令,根据所述启动指令加载图形组件库;
步骤S302:响应于用户在所述图形组件库内的选取操作,将所述用户选取的目标图形组件添加到预设的展示区;
步骤S303:响应于用户的数据选取操作,确定与所述目标图形组件对应的待展示数据;
步骤S304:确定所述目标图形组件的数据格式;
步骤S305:根据所述数据格式,对所述待展示数据进行格式转换;
步骤S306:对格式转换后的所述待展示数据与所述目标图形组件进行关联和渲染,以通过所述目标图形组件展示所述待展示数据。
其中,步骤S301-S303与图1所示的实施例相同,未在本实施例中详尽描述的技术细节,可参见图1所提供的实施例。
对于步骤S304-S306,由于可视化界面接入了多种数据源,而每种数据源的数据格式可能各不相同,所以需要统一设置各个图形组件的数据格式,并根据图形组件的数据格式对需要展示的数据进行格式转换。例如,目标图形组件为柱状图,柱状图有X轴和Y轴,将待展示的数据按照柱状图对应的数据格式进行转换,转换之后可以自动确定柱状图X轴关联的数据以及Y轴关联的数据。
本发明实施例的数据展示方法,可以使用户根据需求灵活选择目标图形组件,并自由切换和配置目标图形组件展示的数据,可满足多系统数据切换可视化展示,适用范围广,降低代码冗余;可以降低开发成本,减少开发时间,快速满足用户的需求变更,提高用户使用满意度;通过自动对待展示数据进行格式转换,可以不限制接入的数据系统,提高了扩展性。
图4是本发明实施例的数据展示装置400的主要模块的示意图,如图4所示,该数据展示装置400包括:
获取模块401,用于获取启动指令,根据所述启动指令加载图形组件库;
图形选取模块402,用于响应于用户在所述图形组件库内的选取操作,将所述用户选取的目标图形组件添加到预设的展示区;
数据选取模块403,用于响应于用户的数据选取操作,确定与所述目标图形组件对应的待展示数据;
数据展示模块404,用于对所述待展示数据与所述目标图形组件进行关联和渲染,以通过所述目标图形组件展示所述待展示数据。
可选地,所述获取模块还用于:响应于用户启动图形展示可视化界面的操作,生成启动指令;基于所述启动指令,加载图形组件库。
可选地,所述装置还包括构建模块,用于构建所述图形组件库。
可选地,所述构建模块还用于:创建多个图形组件,并设置每个所述图形组件的状态;基于所述多个图形组件,构建所述图形组件库。
可选地,所述获取模块还用于:根据每个所述图形组件的状态,设置每个所述图形组件在所述图形展示可视化界面的显示颜色。
可选地,所述图形组件的状态包括有效和无效;
所述获取模块还用于:当所述图形组件的状态为有效时,设置所述图形组件在图形展示可视化界面的显示颜色为第一颜色,以表示所述图形组件为有效的;当所述图形组件的状态为无效时,设置所述图形组件在图形展示可视化界面的显示颜色为第二颜色,以表示所述图形组件为无效的。
可选地,所述构建模块还用于:设置每个所述图形组件的级别。
可选地,所述系统还包括登录模块,用于在用户启动所述图形展示可视化界面之后,展示登录窗口;基于所述登录窗口,接收所述用户的登录信息;根据所述登录信息,确定所述用户的等级;根据每个所述图形组件的级别,在所述图形展示可视化界面中展示与所述用户的等级对应的图形组件。
可选地,所述构建模块还用于:基于Echarts工具,构建所述图形组件库。
可选地,所述图形组件库包括以下一种或多种图表:饼状图、柱状图、折线图、散点图、雷达图和力导布局图。
可选地,所述图形选取模块还用于:根据用户在所述图形组件库内的选取操作,确定所述用户选取的目标图形组件的标识;根据所述标识,将所述目标图形组件添加到预设的展示区。
可选地,所述图形选取模块还用于:设置所述目标图形组件的属性信息;其中,所述属性信息至少包括以下一种:颜色信息、尺寸信息、字体信息。
可选地,所述数据选取模块还用于:响应于用户对所述预设的展示区中的目标图形组件的选中操作,显示多个可选数据源;响应于用户的数据源选取操作,将所述用户从所述多个可选数据源中选取的数据源作为目标数据源;响应于用户的数据选取操作,将所述用户从所述目标数据源中选取的数据作为待展示数据。
可选地,所述数据选取模块还用于:接收查询条件,根据所述查询条件在所述目标数据源中进行查询,将查询得到的数据作为待展示数据。
可选地,所述数据展示模块还用于:确定所述目标图形组件的数据格式;根据所述数据格式,对所述待展示数据进行格式转换;对格式转换后的所述待展示数据与所述目标图形组件进行关联和渲染。
本发明实施例的数据展示装置,通过用户在图形组件库中选取所需要的目标图形组件,并从可选的数据源中选择与该目标图形组件关联的待展示数据,将目标图形组件及其对应的待展示数据进行关联和渲染,以通过该目标图形组件展示该待展示数据,从而达到数据可视化展示的效果。若需要变更目标图形组件展示的数据,用户可以重新选中该目标图形组件,并重新从可选的数据源中选择待展示数据。该方法可以使用户根据需求灵活选择目标图形组件,并自由切换和配置目标图形组件展示的数据,可满足多系统数据切换可视化展示,适用范围广,降低代码冗余;可以降低开发成本,减少开发时间,快速满足用户的需求变更,提高用户使用满意度。
上述装置可执行本发明实施例所提供的方法,具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节,可参见本发明实施例所提供的方法。
图5示出了可以应用本发明实施例的数据展示方法或数据展示装置的示例性系统架构500。
如图5所示,系统架构500可以包括终端设备501、502、503,网络504和服务器505。网络504用以在终端设备501、502、503和服务器505之间提供通信链路的介质。网络504可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备501、502、503通过网络504与服务器505交互,以接收或发送消息等。终端设备501、502、503上可以安装有各种通讯客户端应用,例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
终端设备501、502、503可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器505可以是提供各种服务的服务器,例如对用户利用终端设备501、502、503所浏览的购物类网站提供支持的后台管理服务器。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理,并将处理结果(例如目标推送信息、产品信息)反馈给终端设备。
需要说明的是,本发明实施例所提供的数据展示方法一般由服务器505执行,相应地,数据展示装置一般设置于服务器505中。
应该理解,图5中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
下面参考图6,其示出了适于用来实现本发明实施例的终端设备的计算机系统600的结构示意图。图6示出的终端设备仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图6所示,计算机系统600包括中央处理单元(CPU)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中,还存储有系统600操作所需的各种程序和数据。CPU 601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
以下部件连接至I/O接口605:包括键盘、鼠标等的输入部分606;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分607;包括硬盘等的存储部分608;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口605。可拆卸介质611,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器610上,以便于从其上读出的计算机程序根据需要被安装入存储部分608。
特别地,根据本发明公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本发明公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分609从网络上被下载和安装,和/或从可拆卸介质611被安装。在该计算机程序被中央处理单元(CP U)601执行时,执行本发明的系统中限定的上述功能。
需要说明的是,本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
附图中的流程图和框图,图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本发明实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中,例如,可以描述为:一种处理器包括发送模块、获取模块、确定模块和第一处理模块。其中,这些模块的名称在某种情况下并不构成对该单元本身的限定,例如,发送模块还可以被描述为“向所连接的服务端发送图片获取请求的模块”。
作为另一方面,本发明还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的设备中所包含的;也可以是单独存在,而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被一个该设备执行时,使得该设备包括:
获取启动指令,根据所述启动指令加载图形组件库;
响应于用户在所述图形组件库内的选取操作,将所述用户选取的目标图形组件添加到预设的展示区;
响应于用户的数据选取操作,确定与所述目标图形组件对应的待展示数据;
对所述待展示数据与所述目标图形组件进行关联和渲染,以通过所述目标图形组件展示所述待展示数据。
本发明实施例的技术方案,通过用户在图形组件库中选取所需要的目标图形组件,并从可选的数据源中选择与该目标图形组件关联的待展示数据,将目标图形组件及其对应的待展示数据进行关联和渲染,以通过该目标图形组件展示该待展示数据,从而达到数据可视化展示的效果。若需要变更目标图形组件展示的数据,用户可以重新选中该目标图形组件,并重新从可选的数据源中选择待展示数据。该方法可以使用户根据需求灵活选择目标图形组件,并自由切换和配置目标图形组件展示的数据,可满足多系统数据切换可视化展示,适用范围广,降低代码冗余;可以降低开发成本,减少开发时间,快速满足用户的需求变更,提高用户使用满意度。
上述具体实施方式,并不构成对本发明保护范围的限制。本领域技术人员应该明白的是,取决于设计要求和其他因素,可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围之内。
Claims (18)
1.一种数据展示方法,其特征在于,包括:
获取启动指令,根据所述启动指令加载图形组件库;
响应于用户在所述图形组件库内的选取操作,将所述用户选取的目标图形组件添加到预设的展示区;
响应于用户的数据选取操作,确定与所述目标图形组件对应的待展示数据;
对所述待展示数据与所述目标图形组件进行关联和渲染,以通过所述目标图形组件展示所述待展示数据。
2.根据权利要求1所述的方法,其特征在于,获取启动指令,根据所述启动指令加载图形组件库包括:
响应于用户启动图形展示可视化界面的操作,生成启动指令;
基于所述启动指令,加载图形组件库。
3.根据权利要求2所述的方法,其特征在于,在获取启动指令之前,所述方法还包括:构建所述图形组件库。
4.根据权利要求3所述的方法,其特征在于,构建所述图形组件库包括:
创建多个图形组件,并设置每个所述图形组件的状态;
基于所述多个图形组件,构建所述图形组件库。
5.根据权利要求4所述的方法,其特征在于,在响应于用户在所述图形组件库内的选取操作之前,所述方法还包括:
根据每个所述图形组件的状态,设置每个所述图形组件在所述图形展示可视化界面的显示颜色。
6.根据权利要求5所述的方法,其特征在于,所述图形组件的状态包括有效和无效;
根据每个所述图形组件的状态,设置每个所述图形组件在所述图形展示可视化界面的显示颜色包括:
当所述图形组件的状态为有效时,设置所述图形组件在图形展示可视化界面的显示颜色为第一颜色,以表示所述图形组件为有效的;
当所述图形组件的状态为无效时,设置所述图形组件在图形展示可视化界面的显示颜色为第二颜色,以表示所述图形组件为无效的。
7.根据权利要求6所述的方法,其特征在于,在设置每个所述图形组件的状态时,所述方法还包括:设置每个所述图形组件的级别。
8.根据权利要求7所述的方法,其特征在于,在用户启动所述图形展示可视化界面之后,所述方法还包括:
展示登录窗口;
基于所述登录窗口,接收所述用户的登录信息;
根据所述登录信息,确定所述用户的等级;
根据每个所述图形组件的级别,在所述图形展示可视化界面中展示与所述用户的等级对应的图形组件。
9.根据权利要求3所述的方法,其特征在于,所述方法还包括:基于Echarts工具,构建所述图形组件库。
10.根据权利要求9所述的方法,其特征在于,所述图形组件库包括以下一种或多种图表:
饼状图、柱状图、折线图、散点图、雷达图和力导布局图。
11.根据权利要求1所述的方法,其特征在于,响应于用户在所述图形组件库内的选取操作,将所述用户选取的目标图形组件添加到预设的展示区包括:
根据用户在所述图形组件库内的选取操作,确定所述用户选取的目标图形组件的标识;
根据所述标识,将所述目标图形组件添加到预设的展示区。
12.根据权利要求1所述的方法,其特征在于,在将所述用户选取的目标图形组件添加到预设的展示区之后,所述方法还包括:
设置所述目标图形组件的属性信息;其中,所述属性信息至少包括以下一种:颜色信息、尺寸信息、字体信息。
13.根据权利要求1所述的方法,其特征在于,响应于用户的数据选取操作,确定与所述目标图形组件对应的待展示数据包括:
响应于用户对所述预设的展示区中的目标图形组件的选中操作,显示多个可选数据源;
响应于用户的数据源选取操作,将所述用户从所述多个可选数据源中选取的数据源作为目标数据源;
响应于用户的数据选取操作,将所述用户从所述目标数据源中选取的数据作为待展示数据。
14.根据权利要求13所述的方法,其特征在于,响应于用户的数据选取操作,将所述用户从所述目标数据源中选取的数据作为待展示数据包括:
接收查询条件,根据所述查询条件在所述目标数据源中进行查询,将查询得到的数据作为待展示数据。
15.根据权利要求1所述的方法,其特征在于,对所述待展示数据与所述目标图形组件进行关联和渲染包括:
确定所述目标图形组件的数据格式;
根据所述数据格式,对所述待展示数据进行格式转换;
对格式转换后的所述待展示数据与所述目标图形组件进行关联和渲染。
16.一种数据展示装置,其特征在于,包括:
获取模块,用于获取启动指令,根据所述启动指令加载图形组件库;
图形选取模块,用于响应于用户在所述图形组件库内的选取操作,将所述用户选取的目标图形组件添加到预设的展示区;
数据选取模块,用于响应于用户的数据选取操作,确定与所述目标图形组件对应的待展示数据;
数据展示模块,用于对所述待展示数据与所述目标图形组件进行关联和渲染,以通过所述目标图形组件展示所述待展示数据。
17.一种电子设备,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-15中任一所述的方法。
18.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1-15中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110349219.2A CN112947918A (zh) | 2021-03-31 | 2021-03-31 | 数据展示方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110349219.2A CN112947918A (zh) | 2021-03-31 | 2021-03-31 | 数据展示方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112947918A true CN112947918A (zh) | 2021-06-11 |
Family
ID=76231552
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110349219.2A Pending CN112947918A (zh) | 2021-03-31 | 2021-03-31 | 数据展示方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112947918A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116340405A (zh) * | 2023-03-29 | 2023-06-27 | 北京科乐园网络科技有限公司 | 基于大数据的企业数据处理方法、装置、设备及存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111694565A (zh) * | 2020-06-24 | 2020-09-22 | 深圳壹账通智能科技有限公司 | 数据可视化应用开发方法及系统 |
US20210011690A1 (en) * | 2018-08-10 | 2021-01-14 | Google Llc | Design system for creating graphical content |
CN112363724A (zh) * | 2020-11-18 | 2021-02-12 | 中国舰船研究设计中心 | 一种基于软件商店的舰艇显控软件可重构系统 |
-
2021
- 2021-03-31 CN CN202110349219.2A patent/CN112947918A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20210011690A1 (en) * | 2018-08-10 | 2021-01-14 | Google Llc | Design system for creating graphical content |
CN111694565A (zh) * | 2020-06-24 | 2020-09-22 | 深圳壹账通智能科技有限公司 | 数据可视化应用开发方法及系统 |
CN112363724A (zh) * | 2020-11-18 | 2021-02-12 | 中国舰船研究设计中心 | 一种基于软件商店的舰艇显控软件可重构系统 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116340405A (zh) * | 2023-03-29 | 2023-06-27 | 北京科乐园网络科技有限公司 | 基于大数据的企业数据处理方法、装置、设备及存储介质 |
CN116340405B (zh) * | 2023-03-29 | 2023-10-13 | 北京科乐园网络科技有限公司 | 基于大数据的企业数据处理方法、装置、设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11314568B2 (en) | Message processing method and apparatus, storage medium, and computer device | |
CN110708346A (zh) | 信息处理系统和方法 | |
CN110098998B (zh) | 用于处理信息的方法和设备 | |
CN113190152A (zh) | 切换应用程序主题的方法和装置 | |
CN115309470B (zh) | 微件的加载方法、装置、设备以及存储介质 | |
CN110109594B (zh) | 一种绘图数据分享方法、装置、存储介质以及设备 | |
CN115470432A (zh) | 一种页面渲染方法、装置、电子设备及计算机可读介质 | |
US20220050562A1 (en) | Methods and apparatuses for generating a hosted application | |
CN108768823B (zh) | 用于处理消息、显示消息的方法和设备 | |
CN115495175A (zh) | 图片展示方法、装置、终端设备和计算机介质 | |
CN112947918A (zh) | 数据展示方法和装置 | |
CN110647327A (zh) | 基于卡片的用户界面动态控制的方法和装置 | |
CN113378346A (zh) | 模型仿真的方法和装置 | |
CN113220381A (zh) | 一种点击数据展示方法和装置 | |
CN112966201B (zh) | 对象处理方法、装置、电子设备以及存储介质 | |
CN114742534A (zh) | 多机联动协同系统及控制方法 | |
CN108459890B (zh) | 用于应用的界面显示方法和装置 | |
CN115577200B (zh) | 加载页面的方法、装置、设备以及存储介质 | |
CN114428823B (zh) | 基于多维变量表达式的数据联动方法、装置、设备和介质 | |
CN115878871A (zh) | 一种产品可视化的方法和装置 | |
CN115328475A (zh) | 基于接口数据显示ui界面的方法、装置、设备和介质 | |
CN116127113A (zh) | 一种图像生成方法和装置 | |
CN113760419A (zh) | 显示图像的方法、装置、设备和计算机可读介质 | |
CN111176510A (zh) | 用于更换头像的方法和设备 | |
CN114527972A (zh) | 一种页面生成方法、装置、电子设备及计算机可读介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |