CN112748923A - 一种可视化看板的创建方法、装置、电子设备和存储介质 - Google Patents
一种可视化看板的创建方法、装置、电子设备和存储介质 Download PDFInfo
- Publication number
- CN112748923A CN112748923A CN202110063768.3A CN202110063768A CN112748923A CN 112748923 A CN112748923 A CN 112748923A CN 202110063768 A CN202110063768 A CN 202110063768A CN 112748923 A CN112748923 A CN 112748923A
- Authority
- CN
- China
- Prior art keywords
- billboard
- chart
- information
- blank
- container
- 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
- 230000000007 visual effect Effects 0.000 title claims abstract description 94
- 238000000034 method Methods 0.000 title claims abstract description 62
- 238000009877 rendering Methods 0.000 claims abstract description 73
- 238000013461 design Methods 0.000 claims abstract description 21
- 238000001914 filtration Methods 0.000 claims description 39
- 238000004458 analytical method Methods 0.000 claims description 25
- 238000010586 diagram Methods 0.000 claims description 18
- 230000006870 function Effects 0.000 claims description 13
- 238000005553 drilling Methods 0.000 claims description 9
- 230000009191 jumping Effects 0.000 claims description 5
- 238000004590 computer program Methods 0.000 claims description 2
- 230000008569 process Effects 0.000 abstract description 15
- 230000003993 interaction Effects 0.000 abstract description 9
- 238000006243 chemical reaction Methods 0.000 description 4
- 238000011161 development Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000002452 interceptive effect Effects 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000012216 screening Methods 0.000 description 1
- 238000006467 substitution reaction Methods 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/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
- G06F9/4451—User profiles; Roaming
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种可视化看板的创建方法、装置、电子设备和存储介质,包括:获取空白看板;根据配置指令对空白看板进行图层切换、布局设计、容器编辑和图表编辑,以获得配置信息,其中,通过容器编辑建立容器之间的关联关系;根据配置信息对空白看板进行渲染,以创建可视化看板。根据配置指令对空白看板进行图层切换、布局设计、容器编辑和图表编辑获得的配置信息,直接根据所获取的配置信息实现可视化看板的创建,而无需进行大量的代码操作,并且在容器编辑过程中能够建立容器之间的关联关系,从而能够实现容器关联交互的复杂场景,满足了用户可视化看板的创建需求。
Description
技术领域
本发明实施例涉及数据处理处理技术领域,尤其涉及一种可视化看板的创建方法、装置、电子设备和存储介质。
背景技术
在各领域的软件系统或平台中,通常需要可视化看板直观地展示核心数据和关键指标。目前在采用Vue框架创建可视化看板时,通常是基于原生JavaScript或jQuery的看板页面,通过Vue框架拆分为组件化的开发方式,并且是通过拖拽等交互配置的方式实现对常见图表的简单布局。
但是现有技术中在基于Vue框架实现可视化看板创建的过程中,通常需要大量的编码工作,并且在通过拖拽等交互配置的方式仅能实现简单布局,而无法满足容器交互等复杂场景的需求,因此现有的可视化看板的创建方式并不能满足用户的需求。
发明内容
本发明实施例提供了一种可视化看板的创建方法、装置、电子设备和存储介质,以实现对可视化看板的创建。
第一方面,本发明实施例提供了一种可视化看板的创建方法,包括:获取空白看板;
根据配置指令对空白看板进行图层切换、布局设计、容器编辑和图表编辑,以获得配置信息,其中,通过容器编辑建立容器之间的关联关系;
根据配置信息对空白看板进行渲染,以创建可视化看板。
第二方面,本发明实施例提供了一种可视化看板的创建装置,包括:空白看板获取模块,用于获取空白看板;
配置信息获取模块,用于根据配置指令对空白看板进行图层切换、布局设计、容器编辑和图表编辑,以获得配置信息;
可视化看板创建模块,用于根据配置信息对空白看板进行渲染,以创建可视化看板。
第三方面,本发明实施例还提供了一种电子设备,电子设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现本发明任意实施例的方法。
第四方面,本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现本发明任意实施例的方法。
在本发明实施例中,根据配置指令对空白看板进行图层切换、布局设计、容器编辑和图表编辑获得的配置信息,直接根据所获取的配置信息实现可视化看板的创建,而无需进行大量的代码操作,并且在容器编辑过程中能够建立容器之间的关联关系,从而能够实现容器关联交互的复杂场景,满足了用户可视化看板的创建需求。
附图说明
图1是本发明实施例一提供的可视化看板的创建方法的流程图;
图2是本发明实施例二提供的可视化看板的创建方法的流程图;
图3是本发明实施例三提供的可视化看板的创建装置结构示意图;
图4是本发明实施例四提供的一种电子设备的结构框图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
实施例一
图1是本发明实施例提供的可视化看板的创建方法的流程图,本实施例可适用于对客户化看板进行创建的情况,该方法可以由本发明实施例中的可视化看板的创建装置来执行,该装置可以通过软件和/或硬件的方式实现,本发明实施例的方法具体包括如下步骤:
步骤S101,获取空白看板。
可选的,获取空白看板之前还包括:获取看板创建指令,其中,看板创建指令中包含看板标识;判断是否存在与看板标识所对应的已有可视化看板,若是,则直接从本地获取配置信息,并根据配置信息对已有可视化看板进行渲染展示,否则,生成空白看板获取指令,以根据空白看板获取指令获取空白看板。
具体的说,本实施方式中可以基于Vue、React或Angular等前端开发框架进行可视化看板的创建过程。在获取到看板创建指令后,会提取看板创建指令中所包含的看板标识,并根据看板标识判断是否存在与看板标识所对应的已有可视化看板。在确定不存在与看板标识所对应的可视化看板的情况下,则直接生成空白看板获取指令,并根据空白看板获取指令新建空白看板,所创建的空白看板是创建可视化看板的基础,此时在空白看板中并不包含其它有效信息。
需要说明的是,在确定存在与看板标识所对应的可视化看板的情况下,则直接从本地获取已经保存的配置信息,并根据配置信息对已有可视化看板进行渲染展示。
步骤S102,根据配置指令对空白看板进行图层切换、布局设计、容器编辑和图表编辑,以获得配置信息。
可选的,根据配置指令对空白看板进行图层切换、布局设计、容器编辑和图表编辑,以获得配置信息,包括:根据配置指令进行图表编辑将数据库中的数据转换成指定类型的图表以获得图表信息;根据配置指令进行容器编辑建立容器之间的关联关系以获得容器信息,其中,每个容器中至少包含一个图表;根据配置指令进行布局设计确定每个容器在空白看板的拖拽位置,以获得布局信息;根据配置指令进行图层切换选择要配置的图层类型以获得图层信息,其中,图层类型包括基础图层和浮动图层;根据图表信息、容器信息、布局信息和图层信息获得配置信息。
具体的说,在获取到空白看板后,会根据用户所输入的配置指令对空白看板进行配置交互,以获取与空白看板所对应的配置信息。并且本实施方式中的配置交互包括图表编辑、容器编辑、布局设计和图层切换。在根据配置指令进行图表编辑时,将选定的数据库中的数据转换成指定类型的图表以获得图表信息,其中,指定类型的图表可以是柱形图、折线图、饼图或Excel表格,当然,本实施方式中仅是举例说明,而并不对指定类型的图表具体形式进行限定。由于选定数据库的数量可以包括多个,因此在图表信息中具体可以包含多个图表,例如,图表信息中包含:由数据库1通过转换所获得的柱形图1、由数据库2通过转换所获得的饼图1、由数据库3通过转换所获得的表格1,以及由数据库4通过转换所获得的表格2。
其中,在进行容器编辑时,主要是根据编辑指令确定每个容器中所包含的具体图表,以及建立容器之间的关联关系。由于每个容器中至少包含一个图表,因此在建立容器之间的关联关系时,具体是建立不同容器中图表之间的关联关系,即联动关系。例如,将柱形图1和表格1放置在容器1中,将表格2放置在容器2中,建立容器1和容器2的联动关系,具体可以是建立表格1和表格2的联动关系,即将表格1作为表格2的筛选条件。从而在容器信息中包含每个容器中所包含的图表、不同容器之间的关联关系,其中,关联关系具体包含不同容器所包含的图表之间的联动关系。
其中,在进行布局设计时,主要是根据编辑指令确定每个容器在空白看板的拖拽位置,即在布局信息中包含每个容器在空白看板的具体位置。并且本实施方式中所支持的布局方式具体包括:网格布局和绝对布局等,其中,网格布局是先将展示区域划分为若干格子,再往其中填充内容;而绝对布局是相对于展示区域左上角对各组件进行定位。
在进行图层切换时,主要是根据编辑指令选择要配置的图层类型,图层类型包含基础图层和浮动图层,针对每一个类型的图层,可以分别执行上述的布局设计、容器编辑和图表编辑。并且不同图层的容器位置可相对固定,且可跨图层交互。例如,为某个图表的右上角增加一个条件筛选控件,可以将该图表放在基础图层中,将条件筛选控件放在浮动图层中相对应的位置。并且基础图层可以采用网格布局,浮动图层可以采用绝对布局,本实施方式中并不对每个图层的布局方式进行限定。
需要说明的是,本实施方式中还可以根据配置指令进行组件配置确定每个组件在空白看板的拖拽位置,以获得组件信息。本实施方式中的组件中并不包含数据信息,在进行组件配置时可以确定选定的组件在空白看板的指定位置,并将组件拖拽到空白看板的指定位置上。后续可以根据实际需要在已经确定位置的组件中添加数据。
其中,根据图表信息、容器信息、布局信息和图层信息获得配置信息,并将所获取的配置信息在本地进行保存。通过将配置信息在本地进行保存,当设备重启的情况下之前配置交互时所获取的配置信息不会丢失。从而当需要重新创建与所保存的配置信息所对应的可视化看板时,不需要重新进行配置,可以从本地直接获取所保存的配置信息,并根据所获取的配置信息进行可视化看板的渲染展示,从而节省可视化看板的创建时间。
可选的,根据配置指令进行图表编辑将数据库中的数据转换成指定类型的图表以获得图表信息之后,还可以包括:配置每个图表所对应的接口地址;配置每个图表的自定义按钮信息,其中,自定义按键信息包括每个按钮的按钮名称和按钮样式;配置每个按钮所对应的操作功能,其中,操作功能包括弹出对话框、发出请求、打开新页面和下载。
可选的,根据配置指令进行容器编辑建立容器之间的关联关系以获得容器信息之后,还可以包括:对容器进行页面嵌入配置,以在容器中添加指定页面。
具体的说,本实施方式中在进行配置交互的过程中还可以根据实际需要进行二次开发。在进行图表编辑时,针对所获取的图表还可以配置每个图表所对应的接口地址,以从所对应的接口地址来处理图表数据。另外,针对部分表格类图表还可以配置自定义按钮信息,而在自定义按钮信息中包括每个按钮的按钮名称和按钮样式,本实施方式中支持多种按钮样式的配置。并且针对每个自定义按钮还可以配置所对应的操作功能,例如,弹出对话框、发出请求、打开新页面和下载。其中,弹出对话框具体包含弹出内嵌页面和数据表格,发出请求包括请求地址、请求方法和响应回调等。即当创建完可视化看板后,可以根据用户的触发操作执行按钮所对应的操作功能。而在进行容器编辑时,除了在容器中可以添加图表还可以对容器进行页面嵌入配置,以在容器中添加指定页面,其中,指定页面具体可以是第三方页面,本实施方式中并不对指定页面的具体类型进行限定。
步骤S103,根据配置信息对空白看板进行渲染,以创建可视化看板。
可选的,根据配置信息对空白看板进行渲染,以创建可视化看板,可以包括:对图层信息进行解析,根据图层信息解析结果对空白看板进行图层渲染;对布局信息进行解析,根据布局信息解析结果对空白看板进行布局渲染;对容器信息进行解析,根据容器信息解析结果对空白看板进行容器渲染;对图表信息进行解析,根据图表信息解析结果对空白看板进行图表渲染;对组件信息进行解析,根据组件信息解析结果对空白看板进行组件渲染;根据空白看板的图层渲染结果、布局渲染结果、容器渲染结果、图表渲染结果和组件渲染结果创建可视化看板。
具体的说,当获取看板创建指令进行看板创建时,当根据看板标识确定存在与看板标识所对应的可视化看板的情况下,可以直接从本地获取之前已经保存的配置信息,并根据配置信息对已有可视化看板直接进行渲染展示;而当确定不存在与看板标识所对应的可视化看板的情况下,可以先按照上述步骤S101-步骤S102新建空白看板,并根据用户的配置指令获取配置信息之后,根据本地所新保存的配置信息对空白看板进行渲染,以创建可视化看板。并且在进行渲染时可以采用图表工具Echarts进行图表渲染,本实施方式中并不限定图表渲染时所采用的图标工具的具体类型。由于配置信息中包含图层信息、布局信息、容器信息和图表信息,因此在进行渲染时分别将配置信息进行解析,并具体是根据图层信息解析结果对空白看板进行图层渲染,在空白看板上根据图层信息解析结果对空白看板进行图层渲染,以在空白看板上显示各个图层,并且当切换到操作图层时,其它图层会变成半透明状态;在空白看板上根据布局信息解析结果对空白看板进行布局渲染,以在空白看板上在指定位置显示不同的容器;在空白看板上根据容器信息解析结果对空白看板进行容器渲染,以在空白看板上将每个容器所包含的不同图表进行展示,并将不同容器之间的关联关系,以及不同容器所包含的图表之间的联动关系在空白看板上进行信息记录;在空白看板上根据图表信息解析结果对空白看板进行图表渲染,以在空白看板上将每个图表在空白看板中指定容器中的指定位置进行展示;在空白看板上根据组件信息解析结果对空白看板进行组件渲染,以在空白看板上的指定位置显示不同的组件,并且在空白看板中所展示的组件中并不包含数据信息,用户后续可以根据实际需要在组件中添加数据。当然,本实施方式中仅是以空白看板进行渲染的过程进行举例说明,对于已有可视化看板的渲染过程与此大致相同,本实施方式中不再进行赘述。
需要说明的是,针对已有可视化看板在进行渲染展示之后,如果接收到用户对所展示的可视化看板的修改指令,还可以根据用户的修改指令重新进行图层切换、布局设计、容器编辑和图表编辑等配置交互操作,以对保存在本地的配置信息进行更新。由于根据修改指令对已于可视化看板进行修改的过程与上述步骤S102对空白看板进行配置交互的过程大致相同,因此本实施方式中不再进行赘述。
在本发明实施例中,根据配置指令对空白看板进行图层切换、布局设计、容器编辑和图表编辑获得的配置信息,直接根据所获取的配置信息实现可视化看板的创建,而无需进行大量的代码操作,并且在容器编辑过程中能够建立容器之间的关联关系,从而能够实现容器关联交互的复杂场景,满足了用户可视化看板的创建需求。
实施例二
图2是本发明实施例提供的可视化看板的创建方法的流程图,本实施例以上述实施例为基础,在根据配置信息对空白看板进行渲染,以创建可视化看板之后,还包括:在可视化看板中对当前操作图表进行查询和跳转操作。
如图2所示,本公开实施例的方法具体包括:
步骤S201,获取空白看板。
可选的,获取空白看板之前还包括:获取看板创建指令,其中,看板创建指令中包含看板标识;判断是否存在与看板标识所对应的已有可视化看板,若是,则直接从本地获取配置信息,并根据配置信息对已有可视化看板进行渲染展示,否则,生成空白看板获取指令,以根据空白看板获取指令获取空白看板。
步骤S202,根据配置指令对空白看板进行图层切换、布局设计、容器编辑和图表编辑,以获得配置信息。
可选的,根据配置指令对空白看板进行图层切换、布局设计、容器编辑和图表编辑,以获得配置信息,包括:根据配置指令进行图表编辑将数据库中的数据转换成指定类型的图表以获得图表信息;根据配置指令进行容器编辑建立容器之间的关联关系以获得容器信息,其中,每个容器中至少包含一个图表;根据配置指令进行布局设计确定每个容器在空白看板的拖拽位置,以获得布局信息;根据配置指令进行图层切换选择要配置的图层类型以获得图层信息,其中,图层类型包括基础图层和浮动图层;根据图表信息、容器信息、布局信息和图层信息获得配置信息。
可选的,根据配置指令进行图表编辑将数据库中的数据转换成指定类型的图表以获得图表信息之后,还可以包括:配置每个图表所对应的接口地址;配置每个图表的自定义按钮信息,其中,自定义按键信息包括每个按钮的按钮名称和按钮样式;配置每个按钮所对应的操作功能,其中,操作功能包括弹出对话框、发出请求、打开新页面和下载。
步骤S203,根据配置信息对空白看板进行渲染,以创建可视化看板。
可选的,根据配置信息对空白看板进行渲染,以创建可视化看板,可以包括:对图层信息进行解析,根据图层信息解析结果对空白看板进行图层渲染;对布局信息进行解析,根据布局信息解析结果对空白看板进行布局渲染;对容器信息进行解析,根据容器信息解析结果对空白看板进行容器渲染;对图表信息进行解析,根据图表信息解析结果对空白看板进行图表渲染;对组件信息进行解析,根据组件信息解析结果对空白看板进行组件渲染;根据空白看板的图层渲染结果、布局渲染结果、容器渲染结果、图表渲染结果和组件渲染结果创建可视化看板。
步骤S204,在可视化看板中对当前操作图表进行查询和跳转操作。
可选的,根据配置信息对空白看板进行渲染,以创建可视化看板之后,还可以包括:在确定接收到针对当前操作图表的数据查询指令时,根据查询指令确定查询过滤条件;确定与当前操作图表进行联动的关联图表,根据关联图表确定联动过滤条件;确定当前操作图表所配置的下钻事件,根据下钻事件确定下钻过滤条件;将查询过滤条件、联动过滤条件和下钻过滤条件进行整合获得组合过滤条件;根据组合过滤条件对当前操作图表进行过滤,以获得针对当前操作图表的查询数据。
具体的说,在可视化看板创建完成的情况下,还可以根据用户的指令发起查询操作。针对当前操作图表用户可以通过触发可视化看板中的查询组件发起查询,当自动或手动触发查询组件时,可以根据用户的查询指令确定查询过滤条件,即查询过滤条件表示用户所指定的;由于在进行可视化看板创建的过程中已经对不同容器所包含的图表之间的联动关系进行了配置,因此可以确定出与当前操作图表进行联动的关联图表,并且与当前操作图表进行联动的关联图表的数量可以为多个,因此可以根据多个关联图表确定联动过滤条件,即联动过滤条件是在可视化看板配置时所指定的;另外,由于当前操作图表本身配置有下钻事件,因此还可以根据下钻事件确定下钻过滤条件。在针对当前操作图表进行查询时,具体是将上述所获取的查询过滤条件、联动过滤条件和下钻过滤条件进行整合获得组合过滤条件,这里的整合具体可以是求取上述各个过滤条件的并集。当然,本实施方式中仅是对当前操作图表的查询操作过程进行的举例说明,对于看板中其它图表的查询过程与此大致相同,本实施方式中不再进行赘述。
可选的,根据配置信息对空白看板进行渲染,以创建可视化看板之后,还可以包括:确定接收到针对当前操作图表的跳转指令,其中,跳转指令中包含目标图表;根据跳转指令跳转到目标图表,并将目标图表作为新的当前操作图表。
具体的说,在可视化看板创建完成的情况下,还可以根据用户的指令发起跳转操作。当用户触发了当前操作图表中所配置的跳转按钮时,可以根据跳转按钮所对应的配置信息获取用户触发操作所对应的跳转指令,由于在跳转指令中包含目标图表,因此可以根据跳转指令跳转到目标图表,从而将目标图表作为新的当前操作图表,即根据需求实现操作图表的实时切换。
在本发明实施例中,根据配置指令对空白看板进行图层切换、布局设计、容器编辑和图表编辑获得的配置信息,直接根据所获取的配置信息实现可视化看板的创建,而无需进行大量的代码操作,并且在容器编辑过程中能够建立容器之间的关联关系,从而能够实现容器关联交互的复杂场景,满足了用户可视化看板的创建需求。通过在创建完成的可视化看板中还可以根据用户指令对当前操作图表进行查询和跳转操作,满足了用户更多的看板界面需求,从而增强用户的体验效果。
实施例三
图3是本发明实施例提供的一种可视化看板的创建装置的结构示意图,具体包括:空白看板获取模块310、配置信息获取模块320和可视化看板创建模块330。
其中,空白看板获取模块310,用于获取空白看板;
配置信息获取模块320,用于根据配置指令对空白看板进行图层切换、布局设计、容器编辑和图表编辑,以获得配置信息;
可视化看板创建模块330,用于根据配置信息对空白看板进行渲染,以创建可视化看板。
可选的,装置还包括保存模块,用于将配置信息在本地进行保存。
可选的,装置还包括判断模块,用于获取看板创建指令,其中,看板创建指令中包含看板标识;
判断是否存在与看板标识所对应的已有可视化看板,若是,则直接从本地获取配置信息,并根据配置信息对已有可视化看板进行渲染展示,
否则,生成空白看板获取指令,以根据空白看板获取指令获取空白看板。
可选的,配置信息获取模块,用于根据配置指令进行图表编辑将数据库中的数据转换成指定类型的图表以获得图表信息;
根据配置指令进行容器编辑建立容器之间的关联关系以获得容器信息,其中,每个容器中至少包含一个图表;
根据配置指令进行布局设计确定每个容器在空白看板的拖拽位置,以获得布局信息;
根据配置指令进行图层切换选择要配置的图层类型以获得图层信息,其中,图层类型包括基础图层和浮动图层;
根据图表信息、容器信息、布局信息和图层信息获得配置信息。
可选的,装置还包括组件编辑模块,用于根据配置指令进行组件配置确定每个组件在空白看板的拖拽位置,以获得组件信息。
可选的,可视化看板创建模块,用于对图层信息进行解析,根据图层信息解析结果对空白看板进行图层渲染;
对布局信息进行解析,根据布局信息解析结果对空白看板进行布局渲染;
对容器信息进行解析,根据容器信息解析结果对空白看板进行容器渲染;
对图表信息进行解析,根据图表信息解析结果对空白看板进行图表渲染;
对组件信息进行解析,根据组件信息解析结果对空白看板进行组件渲染;
根据空白看板的图层渲染结果、布局渲染结果、容器渲染结果、图表渲染结果和组件渲染结果创建可视化看板。
可选的,装置还包括查询模块,用于在确定接收到针对当前操作图表的数据查询指令时,根据查询指令确定查询过滤条件;
确定与当前操作图表进行联动的关联图表,根据关联图表确定联动过滤条件;
确定当前操作图表所配置的下钻事件,根据下钻事件确定下钻过滤条件;
将查询过滤条件、联动过滤条件和下钻过滤条件进行整合获得组合过滤条件;
根据组合过滤条件对当前操作图表进行过滤,以获得针对当前操作图表的查询数据。
可选的,装置还包括跳转模块,用于确定接收到针对当前操作图表的跳转指令,其中,跳转指令中包含目标图表;
根据跳转指令跳转到目标图表,并将目标图表作为新的当前操作图表。
可选的,装置还包括图表编辑开发模块,用于配置每个图表所对应的接口地址;
配置每个图表的自定义按钮信息,其中,自定义按键信息包括每个按钮的按钮名称和按钮样式;
配置每个按钮所对应的操作功能,其中,操作功能包括弹出对话框、发出请求、打开新页面和下载。
可选的,装置还包括布局设计开发模块,用于对容器进行页面嵌入配置,以在容器中添加指定页面。
上述装置可执行本发明任意实施例所提供的可视化看板的创建方法,具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节,可参见本发明任意实施例提供的方法。
实施例四
图4是本发明实施例提供的一种电子设备的结构示意图。图4示出了适用于用来实现本发明实施方式的示例性电子设备412的框图。图4显示的电子设备412仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图4所示,电子设备412以通用计算设备的形式出现。电子设备412的组件可以包括但不限于:一个或者多个处理器412,存储器428,连接不同系统组件(包括存储器428和处理器416)的总线418.
总线418表示几类总线结构中的一种或多种,包括存储器总线或者存储器控制器,外围总线,图形加速端口,处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说,这些体系结构包括但不限于工业标准体系结构(ISA)总线,微通道体系结构(MAC)总线,增强型ISA总线、视频电子标准协会(VESA)局域总线以及外围组件互连(PCI)总线。
电子设备412典型地包括多种计算机系统可读介质。这些介质可以是任何能够被电子设备412访问的可用介质,包括易失性和非易失性介质,可移动的和不可移动的介质。
存储器428用于存储指令。存储器428可以包括易失性存储器形式的计算机系统可读介质,例如随机存取存储器(RAM)430和/或高速缓存存储器432。电子设备412可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例,存储系统434可以用于读写不可移动的、非易失性磁介质(图4未显示,通常称为“硬盘驱动器”)。尽管图4中未示出,可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器,以及对可移动非易失性光盘(例如CD-ROM,DVD-ROM或者其它光介质)读写的光盘驱动器。在这些情况下,每个驱动器可以通过一个或者多个数据介质接口与总线418相连。存储器428可以包括至少一个程序产品,该程序产品具有一组(例如至少一个)程序模块,这些程序模块被配置以执行本发明各实施例的功能。
具有一组(至少一个)程序模块442的程序/实用工具440,可以存储在例如存储器428中,这样的程序模块442包括但不限于操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块442通常执行本发明所描述的实施例中的功能和/或方法。
电子设备412也可以与一个或多个外部设备414(例如键盘、指向设备、显示器424等)通信,还可与一个或者多个使得用户能与该电子设备412交互的设备通信,和/或与使得该电子设备412能与一个或多个其它计算设备进行通信的任何设备(例如网卡,调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口422进行。并且,电子设备412还可以通过网络适配器420与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器420通过总线418与电子设备412的其它模块通信。应当明白,尽管图4中未示出,可以结合电子设备412使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
处理器416通过运行存储在存储器428中的指令,从而执行可视化看板的创建方法:获取空白看板;根据配置指令对空白看板进行图层切换、布局设计、容器编辑和图表编辑,以获得配置信息,其中,通过容器编辑建立容器之间的关联关系;根据配置信息对空白看板进行渲染,以创建可视化看板。
实施例五
本发明实施例还提供一种包含计算机可执行指令的存储介质,计算机可执行指令在由计算机处理器执行时用于执行可视化看板的创建方法,该方法包括:
获取空白看板;根据配置指令对空白看板进行图层切换、布局设计、容器编辑和图表编辑,以获得配置信息,其中,通过容器编辑建立容器之间的关联关系;根据配置信息对空白看板进行渲染,以创建可视化看板。
通过以上关于实施方式的描述,所属领域的技术人员可以清楚地了解到,本发明可借助软件及必需的通用硬件来实现,当然也可以通过硬件实现,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、闪存(FLASH)、硬盘或光盘等,包括若干指令用以使得一台电子设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述的可视化看板的创建方法。
值得注意的是,上述实施例中所包括的各个单元和模块只是按照功能逻辑进行划分的,但并不局限于上述的划分,只要能够实现相应的功能即可;另外,各功能单元的具体名称也只是为了便于相互区分,并不用于限制本发明的保护范围。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (13)
1.一种可视化看板的创建方法,其特征在于,包括:
获取空白看板;
根据配置指令对所述空白看板进行图层切换、布局设计、容器编辑和图表编辑,以获得配置信息,其中,通过容器编辑建立容器之间的关联关系;
根据所述配置信息对所述空白看板进行渲染,以创建可视化看板。
2.根据权利要求1所述的方法,其特征在于,所述获得配置信息之后,还包括:
将所述配置信息在本地进行保存。
3.根据权利要求2所述的方法,其特征在于,所述获取空白看板之前还包括:
获取看板创建指令,其中,所述看板创建指令中包含看板标识;
判断是否存在与所述看板标识所对应的已有可视化看板,若是,则直接从本地获取所述配置信息,并根据所述配置信息对所述已有可视化看板进行渲染展示,
否则,生成空白看板获取指令,以根据所述空白看板获取指令获取所述空白看板。
4.根据权利要求1所述的方法,其特征在于,所述根据配置指令对所述空白看板进行图层切换、布局设计、容器编辑和图表编辑,以获得配置信息,包括:
根据配置指令进行图表编辑将数据库中的数据转换成指定类型的图表以获得图表信息;
根据配置指令进行容器编辑建立容器之间的关联关系以获得容器信息,其中,每个容器中至少包含一个图表;
根据配置指令进行布局设计确定每个容器在所述空白看板的拖拽位置,以获得布局信息;
根据配置指令进行图层切换选择要配置的图层类型以获得图层信息,其中,所述图层类型包括基础图层和浮动图层;
根据所述图表信息、所述容器信息、所述布局信息和所述图层信息获得所述配置信息。
5.根据权利要求4所述的方法,其特征在于,所述方法还包括:
根据配置指令进行组件配置确定每个组件在所述空白看板的拖拽位置,以获得组件信息。
6.根据权利要求5所述的方法,其特征在于,所述根据所述配置信息对所述空白看板进行渲染,以创建可视化看板,包括:
对所述图层信息进行解析,根据图层信息解析结果对所述空白看板进行图层渲染;
对所述布局信息进行解析,根据布局信息解析结果对所述空白看板进行布局渲染;
对所述容器信息进行解析,根据容器信息解析结果对所述空白看板进行容器渲染;
对所述图表信息进行解析,根据图表信息解析结果对所述空白看板进行图表渲染;
对所述组件信息进行解析,根据组件信息解析结果对所述空白看板进行组件渲染;
根据所述空白看板的图层渲染结果、布局渲染结果、容器渲染结果、图表渲染结果和组件渲染结果创建所述可视化看板。
7.根据权利要求1所述的方法,其特征在于,所述根据所述配置信息对所述空白看板进行渲染,以创建可视化看板之后,还包括:
在确定接收到针对当前操作图表的数据查询指令时,根据所述查询指令确定查询过滤条件;
确定与所述当前操作图表进行联动的关联图表,根据所述关联图表确定联动过滤条件;
确定所述当前操作图表所配置的下钻事件,根据所述下钻事件确定下钻过滤条件;
将所述查询过滤条件、所述联动过滤条件和所述下钻过滤条件进行整合获得组合过滤条件;
根据所述组合过滤条件对所述当前操作图表进行过滤,以获得针对当前操作图表的查询数据。
8.根据权利要求1所述的方法,其特征在于,所述根据所述配置信息对所述空白看板进行渲染,以创建可视化看板之后,还包括:
确定接收到针对当前操作图表的跳转指令,其中,所述跳转指令中包含目标图表;
根据所述跳转指令跳转到所述目标图表,并将所述目标图表作为新的当前操作图表。
9.根据权利要求4所述的方法,其特征在于,所述根据配置指令进行图表编辑将数据库中的数据转换成指定类型的图表以获得图表信息之后,还包括:
配置每个图表所对应的接口地址;
配置每个图表的自定义按钮信息,其中,所述自定义按键信息包括每个按钮的按钮名称和按钮样式;
配置每个按钮所对应的操作功能,其中,所述操作功能包括弹出对话框、发出请求、打开新页面和下载。
10.根据权利要求4所述的方法,其特征在于,所述根据配置指令进行容器编辑建立容器之间的关联关系以获得容器信息之后,还包括:
对所述容器进行页面嵌入配置,以在所述容器中添加指定页面。
11.一种可视化看板的创建装置,其特征在于,所述装置包括:
空白看板获取模块,用于获取空白看板;
配置信息获取模块,用于根据配置指令对所述空白看板进行图层切换、布局设计、容器编辑和图表编辑,以获得配置信息;
可视化看板创建模块,用于根据所述配置信息对所述空白看板进行渲染,以创建可视化看板。
12.一种电子设备,其特征在于,所述电子设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-10中任一所述的方法。
13.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-10中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110063768.3A CN112748923A (zh) | 2021-01-18 | 2021-01-18 | 一种可视化看板的创建方法、装置、电子设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110063768.3A CN112748923A (zh) | 2021-01-18 | 2021-01-18 | 一种可视化看板的创建方法、装置、电子设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112748923A true CN112748923A (zh) | 2021-05-04 |
Family
ID=75652325
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110063768.3A Pending CN112748923A (zh) | 2021-01-18 | 2021-01-18 | 一种可视化看板的创建方法、装置、电子设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112748923A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113255308A (zh) * | 2021-05-27 | 2021-08-13 | 平安国际智慧城市科技股份有限公司 | 图表下钻实现方法、装置、电子设备及存储介质 |
CN113536179A (zh) * | 2021-06-21 | 2021-10-22 | 北京达佳互联信息技术有限公司 | 页面的生成方法、装置、电子设备和存储介质 |
CN113721801A (zh) * | 2021-07-28 | 2021-11-30 | 北京达佳互联信息技术有限公司 | 一种素材预览方法、装置、设备及存储介质 |
CN113971176A (zh) * | 2021-10-28 | 2022-01-25 | 重庆允成互联网科技有限公司 | 根据工业用户个性化需求生成可视看板的方法和存储介质 |
CN117076525A (zh) * | 2023-10-17 | 2023-11-17 | 国网信息通信产业集团有限公司 | 一种基于自定义度量模型的看板系统、方法及看板终端 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104346149A (zh) * | 2013-07-30 | 2015-02-11 | 商业对象软件有限公司 | 用于数据可视化的描述性框架 |
CN109410698A (zh) * | 2018-09-19 | 2019-03-01 | 浙江省测绘科学技术研究院 | 数据大屏可视化方法及系统 |
WO2019041527A1 (zh) * | 2017-08-31 | 2019-03-07 | 平安科技(深圳)有限公司 | 文档图表抽取方法、电子设备及计算机可读存储介质 |
CN110851626A (zh) * | 2019-11-05 | 2020-02-28 | 武汉联图时空信息科技有限公司 | 一种基于图层布局的时空数据可视化分析方法与系统 |
CN111078169A (zh) * | 2019-11-29 | 2020-04-28 | 武汉虹信技术服务有限责任公司 | 一种可视化大屏系统的前端装置及其搭建方法 |
-
2021
- 2021-01-18 CN CN202110063768.3A patent/CN112748923A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104346149A (zh) * | 2013-07-30 | 2015-02-11 | 商业对象软件有限公司 | 用于数据可视化的描述性框架 |
WO2019041527A1 (zh) * | 2017-08-31 | 2019-03-07 | 平安科技(深圳)有限公司 | 文档图表抽取方法、电子设备及计算机可读存储介质 |
CN109410698A (zh) * | 2018-09-19 | 2019-03-01 | 浙江省测绘科学技术研究院 | 数据大屏可视化方法及系统 |
CN110851626A (zh) * | 2019-11-05 | 2020-02-28 | 武汉联图时空信息科技有限公司 | 一种基于图层布局的时空数据可视化分析方法与系统 |
CN111078169A (zh) * | 2019-11-29 | 2020-04-28 | 武汉虹信技术服务有限责任公司 | 一种可视化大屏系统的前端装置及其搭建方法 |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113255308A (zh) * | 2021-05-27 | 2021-08-13 | 平安国际智慧城市科技股份有限公司 | 图表下钻实现方法、装置、电子设备及存储介质 |
CN113255308B (zh) * | 2021-05-27 | 2024-06-07 | 平安国际智慧城市科技股份有限公司 | 图表下钻实现方法、装置、电子设备及存储介质 |
CN113536179A (zh) * | 2021-06-21 | 2021-10-22 | 北京达佳互联信息技术有限公司 | 页面的生成方法、装置、电子设备和存储介质 |
CN113536179B (zh) * | 2021-06-21 | 2023-12-26 | 北京达佳互联信息技术有限公司 | 页面的生成方法、装置、电子设备和存储介质 |
CN113721801A (zh) * | 2021-07-28 | 2021-11-30 | 北京达佳互联信息技术有限公司 | 一种素材预览方法、装置、设备及存储介质 |
CN113971176A (zh) * | 2021-10-28 | 2022-01-25 | 重庆允成互联网科技有限公司 | 根据工业用户个性化需求生成可视看板的方法和存储介质 |
CN117076525A (zh) * | 2023-10-17 | 2023-11-17 | 国网信息通信产业集团有限公司 | 一种基于自定义度量模型的看板系统、方法及看板终端 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112748923A (zh) | 一种可视化看板的创建方法、装置、电子设备和存储介质 | |
CN110286896B (zh) | 可视化编辑方法、装置、设备及存储介质 | |
US8810576B2 (en) | Manipulation and management of links and nodes in large graphs | |
EP1763865B1 (en) | Automatic image capture for generating content | |
CN108595445A (zh) | 翻译方法、装置及终端 | |
JP2006228210A (ja) | 既存のコンテンツを用いた、タスクを実行するためのアクティブコンテンツウィザード実行可能ファイルの生成 | |
US20140006913A1 (en) | Visual template extraction | |
JP2008506183A (ja) | 自動的に生成されたコンテンツのインポート | |
US10169313B2 (en) | In-context editing of text for elements of a graphical user interface | |
US10976899B2 (en) | Method for automatically applying page labels using extracted label contents from selected pages | |
CN109766139B (zh) | 配置文件的配置方法及装置 | |
CN114077430A (zh) | 界面生成方法、装置、电子设备及存储介质 | |
CN104504171A (zh) | 一种基于统一建模环境的建模方法 | |
CN113849175A (zh) | 一种代码生成方法、装置、设备及存储介质 | |
US10936172B2 (en) | Method of computerized presentation of a document set view for auditing information and managing sets of multiple documents and pages | |
CN114647409A (zh) | 大屏可视化应用创建平台、方法、计算设备和存储介质 | |
WO2024002051A1 (zh) | 文档编辑方法、装置、电子设备及存储介质 | |
CN117389538A (zh) | 页面组件内容开发方法、装置、设备以及存储介质 | |
CN110660463A (zh) | 基于超声系统的报告编辑方法、装置、设备及存储介质 | |
CN115269285A (zh) | 测试方法及装置、设备、计算机可读存储介质 | |
CN109492747A (zh) | 一种神经网络的网络结构生成方法及装置 | |
CN114461214A (zh) | 一种页面显示方法、装置、电子设备及存储介质 | |
CN113157351A (zh) | 一种用于表格工具快捷调用的语音插件构建方法 | |
CN109948251B (zh) | 基于cad的数据处理方法、装置、设备及存储介质 | |
US20030033332A1 (en) | Control/display unit page builder software tool |
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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210504 |