CN111880771A - 一种数据可视化模块的生成方法及装置 - Google Patents
一种数据可视化模块的生成方法及装置 Download PDFInfo
- Publication number
- CN111880771A CN111880771A CN202010641461.2A CN202010641461A CN111880771A CN 111880771 A CN111880771 A CN 111880771A CN 202010641461 A CN202010641461 A CN 202010641461A CN 111880771 A CN111880771 A CN 111880771A
- Authority
- CN
- China
- Prior art keywords
- data
- setting
- filter
- page
- visualization module
- 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.)
- Granted
Links
- 238000013079 data visualisation Methods 0.000 title claims abstract description 83
- 238000000034 method Methods 0.000 title claims abstract description 35
- 238000001914 filtration Methods 0.000 claims abstract description 46
- 238000009877 rendering Methods 0.000 claims abstract description 31
- 230000008569 process Effects 0.000 claims description 13
- 238000012216 screening Methods 0.000 claims description 11
- 238000003491 array Methods 0.000 claims description 10
- 238000005516 engineering process Methods 0.000 abstract description 5
- 238000010586 diagram Methods 0.000 description 18
- 238000004590 computer program Methods 0.000 description 7
- 238000012986 modification Methods 0.000 description 5
- 230000004048 modification Effects 0.000 description 5
- 238000012545 processing Methods 0.000 description 5
- 230000006870 function Effects 0.000 description 4
- 230000000007 visual effect Effects 0.000 description 3
- 238000013461 design Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000004931 aggregating effect Effects 0.000 description 1
- 230000004075 alteration Effects 0.000 description 1
- 238000009472 formulation Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000007774 longterm Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 239000000203 mixture Substances 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000000547 structure data Methods 0.000 description 1
- 238000012800 visualization 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/20—Software design
-
- 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)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Image Generation (AREA)
Abstract
本公开公开了一种计算机技术，特别涉及一种数据可视化模块的生成方法及装置，用以适应于存在多类数据源场景，同时提高了数据可视化模块配置效率。该方法为：通过配置引擎，设置数据可视化模块的页面元素的内容及布局，以及设置至少两种数据源，再通过渲染引擎按照所述页面元素的内容对应的数据过滤条件，从所述至少两种数据源获取相应的数据，以及按照所述页面元素的布局，对各个页面元素进行渲染，生成相应的数据可视化模块，这样，可以通过配置引擎，覆盖图表与数据源之间一对多的需求场景，以及对常见的页面元素的抽象，提供了更丰富、灵活的配置方式，实现了具备较高可读性、可编程、可批量操作、高效的可视化数据可视化模块的配置技术方案。
Description
技术领域
本公开涉及计算机技术，特别涉及一种数据可视化模块的生成方法及装置。
背景技术
数据可视化模块(Dashboard)，是一种信息记载方式，用于以任务为主题明确执行路径、梳理逻辑信息等等。换言之，数据可视化模块能够采用数据可视化技术，借助计算机统计图形、图表等直观手段，清晰有效地传达关键的信息和特征，即将具备一定联系的图形、图表聚合在一起展示的界面，就是数据可视化模块。
在互联网技术日益成熟的趋势下，如何运用数据可视化技术，高效的配置各种数据可视化模块，直观的表达关键数据，辅助策略制定，是互联网业界长期热门的技术方向之一。
在数据可视化模块中，各类页面元素均需要提前配置，然而，已有技术下，由于用户只能通过UI界面设置图表的配置信息，因此，数据源的格式必须与图表的配置信息匹配，即只能提供固定格式、单一的数据源，如，数据源为二维数组；因此，各类图表只能完全依赖人工操作进行逐一配置，不支持批量操作，从而导致灵活性、可读性、配置效率等偏低。
发明内容
本公开的目的是提供一种数据可视化模块的生成方法及装置，用以提高数据可视化模块的配置效率。
本公开实话例提供的具体技术方案如下：
第一方面，一种数据可视化模块的生成方法，包括：
通过配置引擎，设置数据可视化模块的页面元素的内容及布局，所述页面元素至少包括过滤器和图表，所述过滤器用于设置数据过滤条件，所述图表用于呈现数据包含的各类指标；
通过配置引擎，设置至少两种数据源；
通过渲染引擎按照所述页面元素的内容，确定各个图表对应的过滤器集合，并分别针对各个图表执行以下操作：按照一个图表对应的过滤器集合表征数据过滤条件，从所述至少两种数据源获取相应的数据，将所述数据包含的各类指标填写至所述一个图表中；
通过所述渲染引擎按照所述页面元素的布局，对各个页面元素进行渲染，生成相应的数据可视化模块。
可选的，通过配置引擎，设置数据可视化模块的页面元素的内容，包括：
通过配置引擎，设置数据可视化模块包含的页面名称，并对应所述页面名称，至少设置各个页面元素的元素名称和元素类型；其中，若页面元素的元素类型为过滤器，则对应所述页面元素设置维度，所述维度用于表征数据过滤条件。
可选的，通过配置引擎，设置至少两种数据源，包括：
分别针对每一个数据源设置符合协议格式定义的数据源接口，具体包括以下操作中的任意一种或任意组合：
通过数据统一资源定位符设置特定的数据源接口；
将数据源接口设置为统一的二维数组的接口；
将数据源接口设置为德鲁伊数据引擎的接口。
可选的，进一步包括：
若数据源为统一的二维数组，则在设置至少两种数据源的过程中，通过已设置的过滤器，限定作为数据源的二维数组的维度列；或/和
若数据源为德鲁伊数据引擎，则在设置至少两种数据源的过程中，采用数据参数字段，配置所述德鲁伊数据引擎的查询语句。
可选的，按照一个图表对应的过滤器集合表征的数据过滤条件，从所述至少两种数据源获取相应的数据，将所述数据包含的各类指标填写至所述一个图表中，包括：
若所述过滤器集合中包括全局过滤器，则按照所述全局过滤器对应的数据过滤条件，从所述至少两种数据源筛选获得相应的第一数据；
若所述过滤器集合中进一步包括局部过滤器，则按照所述局部过滤器对应的数据过滤条件，从所述第一数据中进一步筛选出相应的第二数据；
将所述第二数据包含的各类指标填写至所述一个图表中的相应位置。
第二方面，一种数据可视化模块的生成装置，包括：
第一配置单元，通过配置引擎，设置数据可视化模块的页面元素的内容及布局，所述页面元素至少包括过滤器和图表，所述过滤器用于设置数据过滤条件，所述图表用于呈现数据包含的各类指标；
第二配置单元，用于通过配置引擎，设置至少两种数据源；
获取单元，用于通过渲染引擎按照所述页面元素的内容，确定各个图表对应的过滤器集合，并分别针对各个图表执行以下操作：按照一个图表对应的过滤器集合表征数据过滤条件，从所述至少两种数据源获取相应的数据，将所述数据包含的各类指标填写至所述一个图表中；
生成单元，用于通过所述渲染引擎按照所述页面元素的布局，对各个页面元素进行渲染，生成相应的数据可视化模块。
可选的，通过配置引擎，设置数据可视化模块的页面元素的内容时，所述第一配置单元用于：
通过配置引擎，设置数据可视化模块包含的页面名称，并对应所述页面名称，至少设置各个页面元素的元素名称和元素类型；其中，若页面元素的元素类型为过滤器，则对应所述页面元素设置维度，所述维度用于表征数据过滤条件。
可选的，通过配置引擎，设置至少两种数据源时，所述第二配置单元用于：
分别针对每一个数据源设置符合协议格式定义的数据源接口，具体包括以下操作中的任意一种或任意组合：
通过数据统一资源定位符设置特定的数据源接口；
将数据源接口设置为统一的二维数组的接口；
将数据源接口设置为德鲁伊数据引擎的接口。
可选的，所述第二配置单元进一步用于：
若数据源为统一的二维数组，则在设置至少两种数据源的过程中，通过已设置的过滤器，限定作为数据源的二维数组的维度列；或/和
若数据源为德鲁伊数据引擎，则在设置至少两种数据源的过程中，采用数据参数字段，配置所述德鲁伊数据引擎的查询语句。
可选的，按照一个图表对应的过滤器集合表征的数据过滤条件，从所述至少两种数据源获取相应的数据，将所述数据包含的各类指标填写至所述一个图表中时，所述获取单元用于：
若所述过滤器集合中包括全局过滤器，则按照所述全局过滤器对应的数据过滤条件，从所述至少两种数据源筛选获得相应的第一数据；
若所述过滤器集合中进一步包括局部过滤器，则按照所述局部过滤器对应的数据过滤条件，从所述第一数据中进一步筛选出相应的第二数据；
将所述第二数据包含的各类指标填写至所述一个图表中的相应位置。
第三方面，一种数据可视化模块生成装置，包括：
存储器，用于存储可执行指令；
处理器，用于读取并执行存储器中存储的可执行指令，以实现第一方面所述任意一种方法。
第四方面，一种存储介质，当所述存储介质中的指令由处理器执行时，使得能够执行如第一方面所述的任意一种方法。
综上所述，本公开实施例中，通过配置引擎，设置数据可视化模块的页面元素的内容及布局，以及设置至少两种数据源，再通过渲染引擎按照所述页面元素的内容对应的数据过滤条件，从所述至少两种数据源获取相应的数据，将所述数据包含的各类指标填写至所述一个图表中，以及按照所述页面元素的布局，对各个页面元素进行渲染，生成相应的数据可视化模块，这样，可以通过配置引擎，覆盖图表与数据源之间一对多的需求场景，以及对常见的页面元素的抽象，提供了更丰富、灵活的配置方式，实现了具备较高可读性、可编程、可批量操作、高效的可视化数据可视化模块的配置技术方案。
附图说明
图1为本公开实施例中数据可视化模块设计示意图；
图2为本公开实施例中数据可视化模块的生成流程示意图；
图3为本公开实施例中数据可视化模块布局示意图；
图4为本公开实施例中第一种数据可视化模块生成示意图；
图5为本公开实施例中第二种数据可视化模块生成示意图；
图6为本公开实施例中数据可视化模块生成装置逻辑架构示意图；
图7为本公开实施例中数据可视化模块生成装置实体架构示意图。
具体实施方式
为了提高数据可视化模块配置效率，本公开实施例中，采用配置引擎预先配置数据可视化模块中的各类页面元素，再采用渲染引擎针对各类页面元素进行渲染和加载，从而生成所需数据可视化模块。
下面结合附图对本公开优先的实施方式作出进一步详细说明。
具体的，本公开实施例的核心在于，在可视化配置的基础上，引入了基于另一种标记语言(Yet Another Markup Language，YAML)的可编程、可批量操作的配置引擎。鉴于YAML配置引擎具备高可读性、简单易用性、可清晰描述层级结构型数据、可编程、可批量操作等优点，十分适合用来作为数据可视化模块描述协议解决方案，因此选取了YAML配置引擎作为设计语言，用以灵活高效地配置数据可视化模块的各类页面元素。
参阅图1所示，数据可视化模块通常由多个页面组成，而在各个页面中，过滤器和图表是必不可少的页面元素。
其中，过滤器，用于设置数据过滤条件，如，XX市的数据，又如，XX日的数据。过滤器分为全局过滤器和局部过滤器，全局过滤器用于针对页面内所有图表的数据进行过滤，局部过滤器仅作用于其所布局内的图表，即，仅针对指定图表。
如图1所示，在配置阶段，可以通过YAML配置设置过滤器的维度。所谓维度，即是表征过滤器对应的数据过滤条件。
例如，假设需要从数据源中获取不同类型智能手机的页面访问次数，并且设置了一个维度：2015-5-5至2016-7-8；则需要从数据源获取上述时间段内收集的相关数据，数据中包含了不同的指标，具体为：Android－访问次数，IOS－访问次数，其他－访问次数，PC－访问次数。
进一步地，还可以针对图表设置数据源的接口，数据的维度，以及数据包含的各类指标的填写方式(如，折线图、饼状图、柱状图等等)。
其中，数据的维度，需要与过滤器的维度相对应。
这样，可以通过设置维度的列，将数据源合多为一的设计，覆盖图表和数据源一对多需求场景。
如图1所示，以图表为例，每种图表拥有各自的模型(Model)层和可视(View)层，Model层用于描述图表的维度、指标等等特征，以及加工处理数据源；View层用于从数据源获取数据和渲染图形。
可选的，YAML配置引擎用于读取图表的Model层的描述，而渲染引擎用于读取调度View层，绘制图表，生成数据可视化模块界面。
参阅图2所示，本公开实施例中，设置数据可视化模块的具体过程如下：
步骤200：通过配置引擎，设置数据可视化模块的页面元素的内容及布局，所述页面元素至少包括过滤器和图表，所述过滤器用于设置数据过滤条件，所述图表用于呈现数据包含的各类指标。
实际应用中，通过YAML配置引擎，可以一次性配置多个数据可视化模块，为了便于描述，后续仅以一个数据可视化模块为例进行说明。
具体的，在执行步骤200时，可以通过YAML配置引擎设置数据可视化模块包含的页面名称，并对应所述页面名称，至少设置各个页面元素的元素名称和元素类型；其中，若页面元素的元素类型为过滤器，则需要进一步对应所述页面元素设置维度，所述维度用于表征数据过滤条件。
例如，将页面名称设置为：页面A；
将页面元素的内容设置为：全局过滤器(设置维度)、局部过滤器(设置维度)、图表A和图表B，其中，局部过滤器设置为仅针对图表B；
将页面元素的布局，设置为：全局过滤器呈现在页面最上方，图表A呈现在左下方，局部过滤器和图表B呈现在右下方，具体参阅图3所示。
另一方面，本公开实施例中，过滤器的作用是设置数据的数据过滤条件，即对数据源进行条件查询，针对过滤器，需要设置能够供用户进行操作的界面，即通过过滤器类型“filterType”字段定义过滤器的UI交互方式，可选的，可以设置为下拉菜单形式，也可以设置为浮窗形式。
步骤210：通过配置引擎，设置至少两种数据源。
实际应用中，图表的数据源，受到图表对应的过滤器的作用域影响，而过滤器对应的数据可以来自于不同的数据源，不同的数据源，通常具有不同的数据格式。
进一步地，在设置数据源时，需要通过YAML配置引擎针对每一个数据源设置符合协议格式定义的数据源接口，具体可以是以下举例中的任意一种或任意组合。
例如，可以通过数据统一资源定位符(Data Uniform Resource Locator，dataUrl)设置特定的数据源接口，用于获取数据格式为一维数组的数据。
又例如，也可以将数据源接口设置为统一的二维数组的接口，用于获取数据格式为二维数组的数据。
又例如，还可以将数据源接口设置为德鲁伊(druid)数据引擎的接口，用于随时动态获取相应格式的数据。
本公开实施例中，通过上述方式可以针对图表、数据源一对多的需求场景设置相应的数据可视化模块。
步骤220：通过渲染引擎按照所述页面元素的内容，确定各个图表对应的过滤器集合，并分别针对各个图表执行以下操作：按照一个图表对应的过滤器集合表征的数据过滤条件，从所述至少两种数据源获取相应的数据，将所述数据包含的各类指标填写至所述一个图表中。
本公开实施例中，渲染引擎用于解析YAML配置引擎的配置信息，接收并加工数据，按照数据可视化模块布局绘制过滤器、图表等页面元素，以及响应用户的各种操作。
可选的，在步骤220中，一张图表，可以对应至少一个过滤器，可以为全局过滤器，或/和，局部过滤器。
例如，参阅图3所示，图表A仅对应全局过滤器，因此需要按照全局过滤器的数据过滤条件，从各个数据源筛选获得相应的数据，并将所述数据包含的各类指标填写至图表A中的相应位置。
又例如，参阅图3所示，图表B对应全局过滤器和局部过滤器，因此需要先按照全局过滤器的数据过滤条件，从各个数据源筛选获得相应的第一数据，再按照所述局部过滤器对应的数据过滤条件，从所述第一数据中进一步筛选出相应的第二数据，以及将所述第二数据包含的各类指标填写至所述图表B中的相应位置。
进一步地，本公开实施例中，针对不同类型的数据源，可以通过相应类型的过滤器，使用相应的查询语言，获取数据。
例如，假设多类数据源中存在统一的二维数组，则可以通过过滤器，指定作为数据库的维度列等等变更，并where指定语句，生成查询语句，用于从二维数组中获取数据。示例：where:world in($world)and experiment in($experiment)。
又例如，假设多类数据源中存在druid数据引擎，则可以通过数据参数“dataParams”字段，配置druid数据引擎查询语句，示例：在过滤器中设置以下字段：【查询操作：数据分组】【数据源】【查询时间段】【数据参数：操作ID；操作名称，操作类型；……】，例如，最终的查询目的为：对自2018-01-16至2018-04-16期间的红包实时数据源，以自然日为粒度，按照活动唯一编号，对活动名字、活动类型进行聚合查询。
步骤230：通过所述渲染引擎按照所述页面元素的布局，对各个页面元素进行渲染，生成相应的数据可视化模块。
例如，在场景1中，假设通过YAML配置引擎配置的数据可视化模块的代码内容如下：
以及，在场景1中，假设通过YAML配置引擎配置的数据源的代码内容如下：
基于上述第一段代码可以看出，通过YAML配置引擎配置了包含一个页面的数据可视化模块，在所述页面中的第一行布局的是包含“日期”维度的全局过滤器，所述全局过滤器作用于在所述页面中的第二行定义的报表的数据源查询，所述报表定义了一个折线图，所述折线图以时间为横轴，以访问次数为纵轴，且指定数据源格式为二维数组，基于上述第二段代码可以看出，所述二维数组格式的数据源包含的数据，以日期为维度，以访问次数为指标；那么，最终采用渲染引擎生成的数据可视化模块(包含的图表为折线图)如图4所示。
又例如，在场景2中，假设通过YAML配置引擎设置的数据可视化模块的代码内容如下：
以及，在场景2中，假设通过YAML配置引擎配置的数据源的代码内容如下：
基于上述第一段代码可以看出，通过YAML配置引擎配置了包含一个页面的数据可视化模块，在所述页面中的第一行布局的是包含“日期”维度的全局过滤器，所述全局过滤器作用于在所述页面布局中的第二行定义的报表的数据源查询，所述报表定义了一个饼图，所述饼图以访问设备类型为维度，以及访问次数为权重，且指定数据格式为二维数组，同时，所述报表还定义了一个柱状图，所述柱状图以时间为横轴，以访问次数为纵轴，且指定数据源格式为二维数组，基于上述第二段代码可以看出，所述二维数据格式的数据源包含的数据，以日期和设备类型为两种维度，以访问次数为指标；那么，最终采用渲染引擎生成的数据可视化模块(包含的图表为饼图和柱状图)如图5所示。
基于上述实施例，参阅图6所示，本公开实施例中，提供一种数据可视化模块生成装置，包括第一配置单元61、第二配置单元62、获取单元63和生成单元64，其中，
第一配置单元61，通过配置引擎，设置数据可视化模块的页面元素的内容及布局，所述页面元素至少包括过滤器和图表，所述过滤器用于设置数据过滤条件，所述图表用于呈现数据包含的各类指标；
第二配置单元62，用于通过配置引擎，设置至少两种数据源；
获取单元63，用于通过渲染引擎按照所述页面元素的内容，确定各个图表对应的过滤器集合，并分别针对各个图表执行以下操作：按照一个图表对应的过滤器集合表征的数据过滤条件，从所述至少两种数据源获取相应的数据，将所述数据包含的各类指标填写至所述一个图表中；
生成单元64，用于通过所述渲染引擎按照所述页面元素的布局，对各个页面元素进行渲染，生成相应的数据可视化模块。
可选的，通过配置引擎，设置数据可视化模块的页面元素的内容时，所述第一配置单元61用于：
通过配置引擎，设置数据可视化模块包含的页面名称，并对应所述页面名称，至少设置各个页面元素的元素名称和元素类型；其中，若页面元素的元素类型为过滤器，则对应所述页面元素设置维度，所述维度用于表征数据过滤条件。
可选的，通过配置引擎，设置至少两种数据源时，所述第二配置单元62用于：
分别针对每一个数据源设置符合协议格式定义的数据源接口，具体包括以下操作中的任意一种或任意组合：
通过dataUrl设置特定的数据源接口；
将数据源接口设置为统一的二维数组的接口；
将数据源接口设置为druid数据引擎的接口。
可选的，所述第二配置单元62进一步用于：
若数据源为统一的二维数组，则在设置至少两种数据源的过程中，通过已设置的过滤器，限定作为数据源的二维数组的维度列；或/和，
若数据源为druid数据引擎，则在设置至少两种数据源的过程中，采用dataParams字段，配置所述druid数据引擎的查询语句。
可选的，按照一个图表对应的过滤器集合表征数据过滤条件，从所述至少两种数据源获取相应的数据，将所述数据包含的各类指标填写至所述一个图表中时，所述获取单元63用于：
若所述过滤器集合中包括全局过滤器，则按照所述全局过滤器对应的数据过滤条件，从所述至少两种数据源筛选获得相应的第一数据；
若所述过滤器集合中进一步包括局部过滤器，则按照所述局部过滤器对应的数据过滤条件，从所述第一数据中进一步筛选出相应的第二数据；
将所述第二数据包含的各类指标填写至所述一个图表中的相应位置。
基于同一发明构思，参阅图7所示，本公开实施例中提供一种数据可视化模块生成装置，包括存储器71和处理器72，其中，
存储器71，用于存储可执行指令；
处理器72，用于读取并执行存储器中存储的可执行指令，以实现以下方法：
通过配置引擎，设置数据可视化模块的页面元素的内容及布局，所述页面元素至少包括过滤器和图表，所述过滤器用于设置数据过滤条件，所述图表用于呈现数据包含的各类指标；
通过配置引擎，设置至少两种数据源；
通过渲染引擎按照所述页面元素的内容，确定各个图表对应的过滤器集合，并分别针对各个图表执行以下操作：按照一个图表对应的过滤器集合表征数据过滤条件，从所述至少两种数据源获取相应的数据，将所述数据包含的各类指标填写至所述一个图表中；
通过所述渲染引擎按照所述页面元素的布局，对各个页面元素进行渲染，生成相应的数据可视化模块。
通过配置引擎，设置数据可视化模块的页面元素的内容时，所述处理器72用于：
通过配置引擎，设置数据可视化模块对应的页面名称，并对应所述页面名称，设置各个页面元素的名称及实体作为页面元素的内容，其中，若页面元素为过滤器，则对应所述页面元素设置维度，所述维度用于表征数据过滤条件。
通过配置引擎，设置至少两种数据源时，所述处理器72包括：
分别针对每一个数据源设置符合协议格式定义的数据源接口，具体包括以下操作中的任意一种或任意组合：
通过dataUrl设置特定的数据源接口；
将数据源接口设置为统一的二维数组的接口；
将数据源接口设置为druid数据引擎的接口。
可选的，处理器72进一步用于：
若数据源为统一的二维数组，则在设置至少两种数据源的过程中，通过已设置的过滤器，限定作为数据源的二维数组的维度列；或/和
若数据源为druid数据引擎，则在设置至少两种数据源的过程中，采用dataParams字段，配置所述druid数据引擎的查询语句。
可选的，按照一个图表对应的过滤器集合表征数据过滤条件，从所述至少两种数据源获取相应的数据，将所述数据包含的各类指标填写至所述一个图表中时，所述处理器用于：
若所述过滤器集合中包括全局过滤器，则按照所述全局过滤器对应的数据过滤条件，从所述至少两种数据源筛选获得相应的第一数据；
若所述过滤器集合中进一步包括局部过滤器，则按照所述局部过滤器对应的数据过滤条件，从所述第一数据中进一步筛选出相应的第二数据；
将所述第二数据包含的各类指标填写至所述一个图表中的相应位置。
基于同一发明构思，提供一种存储介质，当所述存储介质中的指令由处理器执行时，使得能够执行上述实施例中数据可视化模块生成装置执行的任意一种方法。
综上所述，本公开实施例中，通过配置引擎，设置数据可视化模块的页面元素的内容及布局，以及设置至少两种数据源，再通过渲染引擎按照所述页面元素的内容对应的数据过滤条件，从所述至少两种数据源获取相应的数据，将所述数据包含的各类指标填写至所述一个图表中，以及按照所述页面元素的布局，对各个页面元素进行渲染，生成相应的数据可视化模块，这样，可以通过配置引擎，覆盖图表与数据源之间一对多的需求场景，以及对常见的页面元素的抽象，提供了更丰富、灵活的配置方式，实现了具备较高可读性、可编程、可批量操作、高效的可视化数据可视化模块的配置技术方案。
本领域内的技术人员应明白，本公开的实施例可提供为方法、系统、或计算机程序产品。因此，本公开可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本公开可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本公开是参照根据本公开实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本公开的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本公开范围的所有变更和修改。
显然，本领域的技术人员可以对本公开实施例进行各种改动和变型而不脱离本公开实施例的精神和范围。这样，倘若本公开实施例的这些修改和变型属于本公开权利要求及其等同技术的范围之内，则本公开也意图包含这些改动和变型在内。
Claims (10)
1.一种数据可视化模块的生成方法，其特征在于，包括：
通过配置引擎，设置数据可视化模块的页面元素的内容及布局，所述页面元素至少包括过滤器和图表，所述过滤器用于设置数据过滤条件，所述图表用于呈现数据包含的各类指标；
通过配置引擎，设置至少两种数据源；
通过渲染引擎按照所述页面元素的内容，确定各个图表对应的过滤器集合，并分别针对各个图表执行以下操作：按照图表对应的过滤器集合表征数据过滤条件，从所述至少两种数据源获取相应的数据，将所述数据包含的各类指标填写至所述图表中；
通过所述渲染引擎按照所述页面元素的布局，对各个页面元素进行渲染，生成相应的数据可视化模块。
2.如权利要求1所述的方法，其特征在于，通过配置引擎，设置数据可视化模块的页面元素的内容，包括：
通过配置引擎，设置数据可视化模块包含的页面名称，并对应所述页面名称，至少设置各个页面元素的元素名称和元素类型；其中，若页面元素的元素类型为过滤器，则对应所述页面元素设置维度，所述维度用于表征数据过滤条件。
3.如权利要求1所述的方法，其特征在于，通过配置引擎，设置至少两种数据源，包括：
分别针对每一个数据源设置符合协议格式定义的数据源接口，具体包括以下操作中的任意一种或任意组合：
通过数据统一资源定位符设置特定的数据源接口；
将数据源接口设置为统一的二维数组的接口；
将数据源接口设置为德鲁伊数据引擎的接口。
4.如权利要求3所述的方法，其特征在于，进一步包括：
若数据源为统一的二维数组，则在设置至少两种数据源的过程中，通过已设置的过滤器，限定作为数据源的二维数组的维度列；或/和
若数据源为德鲁伊数据引擎，则在设置至少两种数据源的过程中，采用数据参数字段，配置所述德鲁伊数据引擎的查询语句。
5.如权利要求1－4任一项所述的方法，其特征在于，按照一个图表对应的过滤器集合表征的数据过滤条件，从所述至少两种数据源获取相应的数据，将所述数据包含的各类指标填写至所述一个图表中，包括：
若所述过滤器集合中包括全局过滤器，则按照所述全局过滤器对应的数据过滤条件，从所述至少两种数据源筛选获得相应的第一数据；
若所述过滤器集合中进一步包括局部过滤器，则按照所述局部过滤器对应的数据过滤条件，从所述第一数据中进一步筛选出相应的第二数据；
将所述第二数据包含的各类指标填写至所述一个图表中的相应位置。
6.一种数据可视化模块的生成装置，其特征在于，包括：
第一配置单元，通过配置引擎，设置数据可视化模块的页面元素的内容及布局，所述页面元素至少包括过滤器和图表，所述过滤器用于设置数据过滤条件，所述图表用于呈现数据包含的各类指标；
第二配置单元，用于通过配置引擎，设置至少两种数据源；
获取单元，用于通过渲染引擎按照所述页面元素的内容，确定各个图表对应的过滤器集合，并分别针对各个图表执行以下操作：按照一个图表对应的过滤器集合表征数据过滤条件，从所述至少两种数据源获取相应的数据，将所述数据包含的各类指标填写至所述一个图表中；
生成单元，用于通过所述渲染引擎按照所述页面元素的布局，对各个页面元素进行渲染，生成相应的数据可视化模块。
7.如权利要求6所述的生成装置，其特征在于，通过配置引擎，设置数据可视化模块的页面元素的内容时，所述第一配置单元用于：
通过配置引擎，设置数据可视化模块包含的页面名称，并对应所述页面名称，至少设置各个页面元素的元素名称和元素类型；其中，若页面元素的元素类型为过滤器，则对应所述页面元素设置维度，所述维度用于表征数据过滤条件。
8.如权利要求6所述的生成装置，其特征在于，通过配置引擎，设置至少两种数据源时，所述第二配置单元用于：
分别针对每一个数据源设置符合协议格式定义的数据源接口，具体包括以下操作中的任意一种或任意组合：
通过数据统一资源定位符设置特定的数据源接口；
将数据源接口设置为统一的二维数组的接口；
将数据源接口设置为德鲁伊数据引擎的接口。
9.一种数据可视化模块生成装置，其特征在于，包括：
存储器，用于存储可执行指令；
处理器，用于读取并执行存储器中存储的可执行指令，以实现如权利要求1－5中任一项所述的方法。
10.一种存储介质，其特征在于，当所述存储介质中的指令由处理器执行时，使得能够执行如权利要求1－5中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010641461.2A CN111880771B (zh) | 2020-07-06 | 2020-07-06 | 一种数据可视化模块的生成方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010641461.2A CN111880771B (zh) | 2020-07-06 | 2020-07-06 | 一种数据可视化模块的生成方法及装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111880771A true CN111880771A (zh) | 2020-11-03 |
| CN111880771B CN111880771B (zh) | 2024-03-19 |
Family
ID=73151380
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010641461.2A Active CN111880771B (zh) | 2020-07-06 | 2020-07-06 | 一种数据可视化模块的生成方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111880771B (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112612627A (zh) * | 2020-12-28 | 2021-04-06 | 江苏梨柳科技有限公司 | 一种web端实现三维互动的方法 |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102257489A (zh) * | 2008-12-18 | 2011-11-23 | 微软公司 | 网格和相关联的可视化的双向更新 |
| CN107918516A (zh) * | 2017-10-17 | 2018-04-17 | 广东广业开元科技有限公司 | 一种可视化动态配置生成图表的系统及方法 |
| CN108885613A (zh) * | 2016-09-26 | 2018-11-23 | 浙江核新同花顺网络信息股份有限公司 | 报表显示系统及方法 |
| CN109240686A (zh) * | 2018-07-04 | 2019-01-18 | 杭州数云信息技术有限公司 | 一种NewBI仪表盘及其交互方法 |
| CN109542506A (zh) * | 2018-12-06 | 2019-03-29 | 广州万惠信息技术咨询服务有限公司 | 一种可灵活配置接口和快速交付服务的系统 |
| CN109597814A (zh) * | 2018-12-06 | 2019-04-09 | 广州万惠信息技术咨询服务有限公司 | 一种后台管理信息系统的在线快速交付系统 |
| CN110032590A (zh) * | 2019-04-15 | 2019-07-19 | 重庆天蓬网络有限公司 | 一种数据可视化系统、方法、服务器及存储介质 |
| CN111221526A (zh) * | 2018-11-27 | 2020-06-02 | 中云开源数据技术（上海）有限公司 | 一种基于数据湖服务器的数据可视化编辑展示平台 |
-
2020
- 2020-07-06 CN CN202010641461.2A patent/CN111880771B/zh active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102257489A (zh) * | 2008-12-18 | 2011-11-23 | 微软公司 | 网格和相关联的可视化的双向更新 |
| CN108885613A (zh) * | 2016-09-26 | 2018-11-23 | 浙江核新同花顺网络信息股份有限公司 | 报表显示系统及方法 |
| CN107918516A (zh) * | 2017-10-17 | 2018-04-17 | 广东广业开元科技有限公司 | 一种可视化动态配置生成图表的系统及方法 |
| CN109240686A (zh) * | 2018-07-04 | 2019-01-18 | 杭州数云信息技术有限公司 | 一种NewBI仪表盘及其交互方法 |
| CN111221526A (zh) * | 2018-11-27 | 2020-06-02 | 中云开源数据技术（上海）有限公司 | 一种基于数据湖服务器的数据可视化编辑展示平台 |
| CN109542506A (zh) * | 2018-12-06 | 2019-03-29 | 广州万惠信息技术咨询服务有限公司 | 一种可灵活配置接口和快速交付服务的系统 |
| CN109597814A (zh) * | 2018-12-06 | 2019-04-09 | 广州万惠信息技术咨询服务有限公司 | 一种后台管理信息系统的在线快速交付系统 |
| CN110032590A (zh) * | 2019-04-15 | 2019-07-19 | 重庆天蓬网络有限公司 | 一种数据可视化系统、方法、服务器及存储介质 |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112612627A (zh) * | 2020-12-28 | 2021-04-06 | 江苏梨柳科技有限公司 | 一种web端实现三维互动的方法 |
| CN112612627B (zh) * | 2020-12-28 | 2024-04-05 | 江苏梨柳科技有限公司 | 一种web端实现三维互动的方法 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111880771B (zh) | 2024-03-19 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8938720B2 (en) | Trace visualization for object oriented programs | |
| CN102314460B (zh) | 数据分析方法、系统及服务器 | |
| US20150170382A1 (en) | Systems and methods for automatic interactive visualizations | |
| CN110955717A (zh) | 一种基于大数据的可视化动态展示方法及其系统 | |
| CN109241159B (zh) | 一种数据立方体的分区查询方法、系统及终端设备 | |
| CN103136201A (zh) | 页面信息的展示方法和装置 | |
| CN105786808A (zh) | 一种用于分布式执行关系型计算指令的方法与设备 | |
| CN114424257A (zh) | 使用机器学习对表格数据进行自动描绘和提取 | |
| US20080288529A1 (en) | System to organize data for visualizing performance characteristics in dynamic perspectives using relational database | |
| CN101799753A (zh) | 一种实现树形结构的方法及装置 | |
| CN106780149A (zh) | 一种基于定时任务调度的设备实时监测系统 | |
| CN106502720A (zh) | 一种数据处理方法和装置 | |
| CN103425692A (zh) | 数据导出方法和装置 | |
| CN114090162A (zh) | 一种多租户系统的前端界面展示方法及相关装置 | |
| Fekete et al. | Managing data for visual analytics: Opportunities and challenges. | |
| CN111880771A (zh) | 一种数据可视化模块的生成方法及装置 | |
| CN104346378B (zh) | 一种实现复杂数据处理的方法、装置及系统 | |
| Verma et al. | Statistical Visualization of Big Data Through Hadoop Streaming in RStudio | |
| CN112966481B (zh) | 一种数据表格展示方法及装置 | |
| CN111916164B (zh) | 用于临床研究中的中心启动调研系统的实现方法和装置 | |
| CN114328486A (zh) | 基于模型的数据质量核查方法及装置 | |
| CN114528041A (zh) | 一种可配置的自动化解析方法和装置 | |
| CN109597845B (zh) | 报表配置方法、装置、计算机设备及存储介质 | |
| CN113010129A (zh) | 虚拟演播厅全流程多终端板书提取方法和装置 | |
| Fekete | Infrastructure |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |