(19)国家知识产权局 (12)发明 专利 (10)授权公告 号 (45)授权公告日 (21)申请 号 202210908281.5 (22)申请日 2022.07.29 (65)同一申请的已公布的文献号 申请公布号 CN 114995942 A (43)申请公布日 2022.09.02 (73)专利权人 北京永洪商智科技有限公司 地址 100190 北京市海淀区中关村南大街5 号二区683号楼1545室 (72)发明人 马云　米杰　陈涛　 (74)专利代理 机构 深圳汉林汇融知识产权代理 事务所(普通 合伙) 44850 专利代理师 刘临利 (51)Int.Cl. G06F 9/451(2018.01) G06F 9/445(2018.01)(56)对比文件 CN 109508221 A,2019.0 3.22 CN 109885363 A,2019.0 6.14 CN 113791760 A,2021.12.14 CN 114581026 A,202 2.06.03 CN 112433724 A,2021.0 3.02 Charles_UI.设计原则： 视 觉权重和方向 （四）. 《ht tps://www.jianshu.com/p/ 2303e6c54182》 .2017, 审查员 王洋 (54)发明名称 商业智能仪表盘组件的样式自动生成方法 及相关装置 (57)摘要 本发明涉及人工智能领域， 公开了一种商业 智能仪表盘组件的样式自动生成方法及相关装 置， 用于提高组件的样式生成效率。 所述方法包 括： 根据组件 结构信息提取商业智能仪表盘中的 多个第一组件以及初始组件样式； 对多个第一组 件进行状态配置并对多个第一组件进行功能区 域划分， 得到每个第一组件对应的多个功能区 域； 构建功能区域的样式定位规则和全局图像信 息合成图模型， 并在全局图像信息合成图模型中 对功能区域进行视觉权重划分， 得到视觉权重； 监听数据变动事件并并定位第二组件， 以及根据 第二组件确定目标功能区域； 匹配目标视觉权 重， 并根据目标视觉权重和初始组件样式生成目 标组件样式。 权利要求书4页 说明书12页 附图3页 CN 114995942 B 2022.10.28 CN 114995942 B 1.一种商业智能仪表盘组件的样式自动生成方法， 其特征在于， 所述商业智能仪表盘 组件的样式自动生成方法包括： 获取商业智能仪表盘的组件结构信 息， 并根据所述组件结构信 息提取所述商业智能仪 表盘中的多个第一组件以及每个第一组件对应的初始组件样 式， 其中， 所述多个第一组件 包括： 筛选条件类别组件、 单指标类别组件、 图形类别组件和表格 类别组件； 对所述多个第 一组件进行状态配置并对所述多个第 一组件进行功能区域划分， 得到每 个第一组件对应的多个功能区域， 其中， 所述状态配置包括： 配置所述第一组件的数据、 界 面形式和 业务逻辑； 其中， 所述对所述多个第一组件进行状态配置并对所述多个第一组件 进行功能区域划分， 得到每个第一组件对应的多个功能区域， 其中， 所述状态配置包括： 配 置所述第一组件的数据、 界面形式和业务逻辑， 包括： 对所述多个第一组件进 行状态配置并 获取所述多个第一组件的父子关系， 其中， 所述状态配置包括： 配置所述第一组件的数据、 界面形式和业务逻辑； 根据所述父子关系确定所述多个第一组件的数据传递层次； 根据所 述数据传递层次对所述多个第一组件进行功能区域划分， 得到每个第一组件对应的多个功 能区域； 具体地， 获取对应各第一组件的属性值包括各第一组件的名称、 各第一组件之 间的 覆盖关系、 各第一组件的坐标、 各第一组件的样 式以及各第一组件所在页面的名称， 其中， 第一组件的名称用于标识唯一的第一组件； 第一组件的坐标包括第一组件的高度、 宽度， 以 及第一组件距离页面顶部的距离和距离页面左边界的距离， 用于表明第一组件的大小以及 第一组件在页面中的位置； 第一组件的样 式包括第一组件的颜色、 背景以及所包含的文字 信息； 第一组件所在页面的名称用于标识第一组件所在的页面， 根据对应各第一组件的属 性值建立各第一组件之间的父子关系， 根据获取 的对应各第一组件的属 性值， 建立各第一 组件之间的父子关系， 通过建立的第一组件之间的父子关系， 确定第一组件中的父组件及 其对应的子组件， 根据对应各第一组件的属性值建立各第一组件之 间的父子关系时采用以 下方式： 根据对应各第一组件的属 性值确定各第一组件中的父组件以及子组件； 建立父组 件及其对应的子组件之 间的父子关系， 根据数据传递层次对多个第一组件进 行功能区域划 分， 得到每 个第一组件 对应的多个功能 区域； 分别构建每个功能区域的样式定位规则和全局图像信 息合成图模型， 并采用最短路径 搜索算法在所述全局图像信息合成图模型中分别对所述多个功能区域进 行视觉权重划分， 得到每个功能区域的视 觉权重； 监听所述多个第 一组件的数据变动事件， 并通过所述样式定位规则 配置目标参数并定 位所述数据变动事件对应的第二组件， 以及根据所述第二组件确定目标功能区域， 其中， 所 述目标参数用于执行目标功能； 其中， 所述监听所述多个第一组件的数据变动事件， 并通过 所述样式定位规则配置目标参数并定位所述数据变动事件对应的第二组件， 以及根据所述 第二组件确定目标功能区域， 其中， 所述 目标参数用于执行目标功能， 包括： 获取所述多个 第一组件的组件绑定数据， 并根据所述组件绑定数据监听所述多个第一组件的数据变动事 件； 当监听到数据变动事件时， 根据所述数据变动事件确定目标变动数据并配置目标参数， 其中， 所述 目标参数用于执行目标功能； 根据所述 目标变动数据确定发生变动的组件绑定 数据， 并将所述 发生变动的组件绑定数据所在的组件作为所述数据变动事件对应的第二组 件； 查询所述第二组件 对应的功能 区域， 得到目标功能 区域； 根据每个功能区域的视觉权重匹配所述目标功能区域对应的目标视觉权重， 并根据 所权　利　要　求　书 1/4 页 2 CN 114995942 B 2述目标视 觉权重和所述初始组件样式生成所述目标功能 区域对应的目标组件样式。 2.根据权利要求1所述的商业智能仪表盘组件的样式自动生成方法， 其特征在于， 所述 获取商业智能仪表盘的组件结构信息， 并根据所述组件结构信息提取所述商业智能仪表盘 中的多个第一组件以及每个第一组件对应的初始组件样式， 其中， 所述多个第一组件包括： 筛选条件类别组件、 单指标类别组件、 图形类别组件和表格 类别组件， 包括： 接收终端发送的商业智能仪表盘展示请求， 并根据 所述商业智能仪表盘展示请求加载 商业智能仪表盘； 获取所述商业智能仪表盘的组件配置页面， 并根据 所述组件配置页面生成所述商业智 能仪表盘的组件结构信息； 根据所述组件结构信息确定所述商业智能仪表盘对应的位置容器； 根据所述位置容器提取所述商业智能仪表盘对应的多个第一组件， 其中， 所述多个第 一组件包括： 筛选条件类别组件、 单指标类别组件、 图形类别组件和表格 类别组件； 对每个第一组件进行样式匹配， 得到初始组件样式。 3.根据权利要求1所述的商业智能仪表盘组件的样式自动生成方法， 其特征在于， 所述 分别构建每个功能区域的样式定位规则和全局图像信息合成图模型， 并采用最短路径搜索 算法在所述全局图像信息合成图模型中分别对所述多个功能区域进行视觉权重划分， 得到 每个功能区域的视 觉权重， 包括： 设置每个功能区域的定位样式， 并将所述定位样式应用于预设定位元素， 生成每个功 能区域的样式定位 规则， 创建全局图像信息合成图模型； 获取所述多个功能区域的图形和背景， 并采用最短路径搜索算法在所述全局图像信 息 合成图模 型中对所述图像和所述背 景进行视觉加权， 得到每个功能区域的视觉权重， 其中， 所述视觉权重用于指示所述功能 区域的视 觉重要程度。 4.根据权利要求1所述的商业智能仪表盘组件的样式自动生成方法， 其特征在于， 所述 根据每个功能区域的视觉权重匹配所述目标功能区域对应的目标视觉权重， 并根据所述目 标视觉权重和所述初始组件样式生成所述目标功能 区域对应的目标组件样式， 包括： 从每个功能区域的视 觉权重匹配所述目标功能 区域对应的目标视 觉权重； 根据所述目标视觉权重确定所述初始组件样式对应的组件类别、 组件形状和组件颜 色； 根据所述组件类别、 所述组件形状和所述组件颜色并按照预置的组件生成策略生成 目 标组件样式。 5.根据权利要求1 ‑4中任一项所述的商业智能仪表盘组件的样式自动生成方法， 其特 征在于， 所述商业智能仪表盘组件的样式自动生成方法还 包括： 根据所述目标组件样式对所述商业智能仪表盘进行组件渲染， 生成 目标商业智能仪表 盘。 6.一种商业智能仪表盘组件的样式自动生成装置， 其特征在于， 所述商业智能仪表盘 组件的样式自动生成装置包括： 获取模块， 用于获取商业智能仪表盘的组件结构信息， 并根据所述组件结构信息提取 所述商业智能仪表盘中的多个第一组件以及每个第一组件对应的初始组件样式， 其中， 所 述多个第一组件包括： 筛选条件类别组件、 单指标类别组件、 图形类别组件和表格类别组权　利　要　求　书 2/4 页 3 CN 114995942 B 3