一种数据可视化大屏迭代器设计与实现的方法技术

一种数据可视化大屏迭代器设计与实现的方法，尤其涉及面向信息系统级的前端可视化技术。该技术主要弥补传统数据可视化大屏展示的致命短板：灵活地读取数据向量，迭代循环地展示向量每个值对应的图表组。该技术致力于构建以向量组作为标尺，循环迭代展示可视化图表的机制。重点解决了向量数据的不确定性，图表组个数的不确定性，图表组与其它组件互操作联动等问题。等问题。等问题。

【技术实现步骤摘要】
一种数据可视化大屏迭代器设计与实现的方法


[0001]本专利技术涉及一种迭代器设计与实现的方法，特别是一种数据可视化大屏迭代器设计与实现的方法。

技术介绍

[0002]传统数据可视化大屏配死的方式来实现图表可视化，即需要预先知道需要展示的图表个数，并逐一配置、展示，在图表个数不确定场景下，数据可视化大屏无法支撑其基本功能，例如：展示XX省份下每个地市居民的年龄分布饼图与收入分布饼图，其无法确定地市的个数和指向。

技术实现思路

[0003]专利技术目的：本专利技术所要解决的技术问题是针对现有技术的不足，提供一种数据可视化大屏迭代器设计与实现的方法。
[0004]为了解决上述技术问题，本专利技术公开了一种数据可视化大屏迭代器设计与实现的方法，包括以下步骤：
[0005]步骤1，迭代器关联待展示的图表组件，并加载数据；所述的迭代器加载数据的方法，即通过构建业务ID向量和图表组件的两级数据查询机制，完成所述迭代器的数据加载。
[0006]所述的迭代器关联待展示的图表组件的方法为：通过容器组件与待展示的图表组件之间建立关联关系，将迭代器与待展示的图表组件进行关联。
[0007]步骤2，迭代器配置；所述的迭代器配置，包括：扩展方向属性和是否编辑属性。
[0008]所述的扩展方向属性，即将迭代器在循环绘制组件时的绘制方向设置为竖向扩展或横向扩展。
[0009]所述的是否编辑属性将迭代器组件设置为编辑态和发布态，两种状态具体如下：
[0010]编辑态：允许进行容器组件的拖拽和移动操作，也允许进行容器组件内关联的图表组件的拖拽和移动操作；迭代器组件区域内只单个显示容器组件及其关联的图表组件内容；
[0011]发布态：不允许进行容器组件及容器组件内关联的图表组件的拖拽和移动操作；整个迭代器组件区域根据所述的业务ID向量的数量迭代循环地显示容器组件及其关联的图表组件的内容。
[0012]步骤3，设计数据模型，通过数据模型进行筛选过滤；所述的数据模型，包括：迭代器数据模型和图表组件数据模型，具体如下：
[0013]所述迭代器数据模型中的数据标签为迭代列，迭代列仅绑定一维数组，迭代列中单个元素的数据格式包括：字符串、数值或时间格式；
[0014]所述图表组件数据模型中，数据标签除了图表组件自身的标签外，还附加迭代列标签，且在图表组件绑定数据模型时必须绑定迭代列标签；
[0015]迭代器数据模型中的迭代列与图表组件数据模型中的迭代列对应，对应关系为倍
数关系；迭代列的每一个值对应一组图表组件的业务数据，且一个迭代器下关联的图表组件的业务数据的结构保持一致。
[0016]迭代器数据模型及其关联的图表组件数据模型的关系如下：迭代器组件关联一个迭代器数据模型，迭代器组件下绑定容器组件，容器组件本身无数据模型，容器组件绑定至少一个图表组件，每个图表组件关联对应的图表组件数据模型；而图表组件数据模型中一个标签为迭代列，与迭代器数据模型的迭代标签直接关联。
[0017]所述的通过数据模型进行筛选过滤，即根据业务ID向量中的指定ID进行筛选过滤，包括前端过滤和后端过滤，具体如下：
[0018]前端过滤：数据模型中的所有数据全部由数据源请求至数据可视化大屏软件内存中，再根据迭代列ID进行模型数据的过滤；
[0019]后端过滤：将过滤条件提交到数据源，数据源侧根据过滤条件进行数据筛选查询，返回筛选处理的数据模型；其中，关系型数据库和restful服务的后端过滤如下：
[0020]关系型数据库：针对关系型数据库的数据模型生成带查询条件的SQL语句，将迭代列绑定的字段和迭代列遍历的条件值作为条件名与条件值，生成查询语句进行筛选过滤；
[0021]restful服务：将迭代列绑定的字段和迭代列遍历的条件值作为条件名与条件值作为restful服务的POST提交参数；该参数放置到restful服务的body中，第三方后台系统发布的restful服务，在服务接口实现时接入解析该参数，完成筛选过滤。
[0022]所述的迭代器运行并绘制组件进行展示，具体步骤如下：
[0023]步骤a1：根据迭代器组件读取其迭代列关联的数据，即业务ID向量；
[0024]步骤a2：根据业务ID向量遍历并绘制图表；
[0025]步骤a3：判断业务ID向量的遍历是否结束，未结束执行步骤a3.1，结束执行步骤4；
[0026]步骤a3.1：读取迭代器组件绑定的容器组件；
[0027]步骤a3.2：绘制容器组件的基本样式；
[0028]步骤a3.3：根据容器组件编号，读取容器组件关联的图表组件；
[0029]步骤a3.4：遍历图表组件；
[0030]步骤a3.5：判断图表组件遍历是否结束，未结束执行步骤a3.5.1，结束执行步骤3；
[0031]步骤a3.5.1：绘制图表组件；
[0032]步骤a3.5.2：请求图表组件数据；
[0033]步骤a3.5.3：判断图表组件数据请求，判断为前端过滤还是后端过滤，若是前端过滤执行步骤a3.5.3.1.1，否则执行步骤a3.5.3.2.1；
[0034]步骤a3.5.3.1.1：生成过滤条件；
[0035]步骤a3.5.3.1.2：将过滤条件提交数据源，执行步骤a3.5.4；
[0036]步骤a3.5.3.2.1：以迭代列的值作为过滤条件，过滤数据模型的查询结果；
[0037]步骤a3.5.4：生成过滤结果数据；
[0038]步骤a3.5.5：将过滤结果数据加载到图表组件，执行步骤a3.5；
[0039]步骤a4：结束。
[0040]步骤4，迭代器运行并绘制组件进行展示。
[0041]用户通过所述迭代器实现可视化大屏展示，具体步骤包括：
[0042]步骤b1：在数据大屏可视化编辑器上创建迭代器组件；
[0043]步骤b2：在数据大屏可视化编辑器上创建容器组件；
[0044]步骤b3：在数据大屏可视化编辑器上创建图表组件；
[0045]步骤b4：选中容器组件，将相应的图表组件绑定到容器组件下；
[0046]步骤b5：选中迭代器组件，将相应的容器组件绑定到迭代器组件下；
[0047]步骤b6：将迭代器组件属性设置为编辑态；
[0048]步骤b7：拖动容器组件在迭代器区域内进行位置的布局移动；
[0049]步骤b8：选中迭代器组件，迭代器的数据模型迭代列标签绑定数据项。
[0050]步骤b9：依次选中本步骤中的容器关联的图表组件，将图表组件的数据模型标签绑定迭代列数据项和其他图表数据项；
[0051]步骤b10：将迭代器组件属性设置为发布态，预览迭代器组件的最终绘制效果。
[0052]有益效果：
[0053]提供一种更为灵活的迭代器的循环加载方式，通过构建业务ID向量和图表组件的两级数据查询机制，实本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种数据可视化大屏迭代器设计与实现的方法，其特征在于，包括以下步骤：步骤1，迭代器关联待展示的图表组件，并加载数据；步骤2，迭代器配置；步骤3，设计数据模型，通过数据模型进行筛选过滤；步骤4，迭代器运行并绘制组件进行展示。2.根据权利要求1所述的一种数据可视化大屏迭代器设计与实现的方法，其特征在于，步骤1中所述的迭代器加载数据的方法，即通过构建业务ID向量和图表组件的两级数据查询机制，完成所述迭代器的数据加载。3.根据权利要求2所述的一种数据可视化大屏迭代器设计与实现的方法，其特征在于，步骤1中所述的迭代器关联待展示的图表组件的方法为：通过容器组件与待展示的图表组件之间建立关联关系，将迭代器与待展示的图表组件进行关联。4.根据权利要求3所述的一种数据可视化大屏迭代器设计与实现的方法，其特征在于，步骤2中所述的迭代器配置，包括：扩展方向属性和是否编辑属性。5.根据权利要求4所述的一种数据可视化大屏迭代器设计与实现的方法，其特征在于，步骤2中所述的扩展方向属性，即将迭代器在循环绘制组件时的绘制方向设置为竖向扩展或横向扩展。6.根据权利要求5所述的一种数据可视化大屏迭代器设计与实现的方法，其特征在于，步骤2中所述的是否编辑属性将迭代器组件设置为编辑态和发布态，两种状态具体如下：编辑态：允许进行容器组件的拖拽和移动操作，也允许进行容器组件内关联的图表组件的拖拽和移动操作；迭代器组件区域内只单个显示容器组件及其关联的图表组件内容；发布态：不允许进行容器组件及容器组件内关联的图表组件的拖拽和移动操作；整个迭代器组件区域根据所述的业务ID向量的数量迭代循环地显示容器组件及其关联的图表组件的内容。7.根据权利要求6所述的一种数据可视化大屏迭代器设计与实现的方法，其特征在于，步骤3中所述的数据模型，包括：迭代器数据模型和图表组件数据模型，具体如下：所述迭代器数据模型中的数据标签为迭代列，迭代列仅绑定一维数组，迭代列中单个元素的数据格式包括：字符串、数值或时间格式；所述图表组件数据模型中，数据标签除了图表组件自身的标签外，还附加迭代列标签，且在图表组件绑定数据模型时必须绑定迭代列标签；迭代器数据模型中的迭代列与图表组件数据模型中的迭代列对应，对应关系为倍数关系；迭代列的每一个值对应一组图表组件的业务数据，且一个迭代器下关联的图表组件的业务数据的结构保持一致。迭代器数据模型及其关联的图表组件数据模型的关系如下：迭代器组件关联一个迭代器数据模型，迭代器组件下绑定容器组件，容器组件本身无数据模型，容器组件绑定至少一个图表组件，每个图表组件关联对应的图表组件数据模型；而图表组件数据模型中一个标签为迭代列，与迭代器数据模型的迭代标签直接关联。8.根据权利要求7所述的一种数据可视化大屏迭代器设计与实现的方法，其特征在于，步骤3中所述的通过数据模型进行筛选过滤，即根据业务ID向量中的指定ID进行筛选过滤，包括前端过滤和后端过滤，具体如下：
前端过滤：数据模型中的所有...

【专利技术属性】
技术研发人员：朱子杰，汪敏，吴姗姗，崔隽，杨光，徐伟，
申请(专利权)人：中国电子科技集团公司第二十八研究所，
类型：发明
国别省市：