(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210212929.5 (22)申请日 2022.03.04 (71)申请人 北京超图软件股份有限公司 地址 100015 北京市朝阳区酒仙桥北路甲 10号院电子城IT产业园107楼6层 (72)发明人 宋关福　胡中南　周强　宋雨萌　 (74)专利代理 机构 北京集佳知识产权代理有限 公司 11227 专利代理师 史翠 (51)Int.Cl. G06F 9/451(2018.01) G06F 8/71(2018.01) (54)发明名称 一种数据可视化方法及系统 (57)摘要 本申请提供了一种数据可视化方法及系统， 获取用于渲染的数据以及配置信息， 使用所述数 据的类型匹配的Web组件， 依据所述配置信息， 渲 染所述数据并显示。 因为设置了多种类型的Web 组件， 所以， 能够实现多种不同类型的数据的可 视化。 权利要求书2页 说明书8页 附图2页 CN 114546577 A 2022.05.27 CN 114546577 A 1.一种数据可视化系统， 其特 征在于， 包括： 数据管理模块、 可视化配置模块、 以及渲染模块； 所述数据管理模块用于获取用于渲染的数据； 所述可视化配置模块用于获取配置信息； 所述渲染模块包括多种类型的Web组件； 所述渲染模块用于， 使用所述数据的类型匹配 的Web组件， 依据所述配置信息， 渲染所述数据并显示。 2.根据权利要求1所述的系统， 其特征在于， 所述可视化配置模块用于获取配置信息， 包括： 所述可视化配置模块具体用于获取组件关联配置信息以及交 互事件配置信息； 所述渲染模块用于， 使用所述数据的类型匹配的Web组件， 依据所述配置信息， 渲染所 述数据并显示， 包括： 所述渲染模块具体用于， 通过所述组件关联配置信息， 关联交互子组件， 渲染所述组件 以及所述交 互子组件。 3.根据权利要求2所述的系统， 其特 征在于， 所述 渲染模块还用于： 依据所述交 互事件配置信息， 生成关联的监听器和触发器； 所述监听器用于对所述交互子组件设置监 听事件， 所述触发器用于响应于所述监 听器 监听到所述 监听事件， 触发执 行所述监听事件预先配置的关联事 件。 4.根据权利要求1 ‑3任一项所述的系统， 其特征在于， 所述可视化配置模块用于获取配 置信息， 包括： 所述可视化配置模块具体用于， 获取任意 一个设备端的 的显示界面中的组件的布局； 所述渲染模块用于， 使用所述数据的类型匹配的Web组件， 依据所述配置信息， 渲染所 述数据并显示， 包括： 所述渲染模块具体用于， 根据显示设备的显示窗口的尺寸匹配一套布局进行渲染， 根 据所述显示窗口的尺寸和匹配的布局， 计算组件渲染的像素的宽和高， 并使用所述宽和高， 在当前浏览器中进行绘制。 5.根据权利要求 4所述的系统， 其特 征在于， 所述布局包括： 所述组件所占行列数， 以及所述显示窗口所占行列数。 6.根据权利要求4所述的系统， 其特征在于， 所述渲染模块用于根据显示设备的显示 窗 口的尺寸匹配一套布局， 包括： 所述渲染模块具体用于， 所述显示窗口宽度大于第 一数值， 匹配PC端布局， 所述显示窗 口宽度不大于所述第一数值， 根据所述窗口的长度和宽度的比例， 匹配平板端或者手机端 布局。 7.根据权利要求1所述的系统， 其特 征在于， 还 包括： 应用发布模块， 用于从所述可视化配置模块获取所述配置信息， 并在线上服务器托管 存储所述配置信息， 以及， 使用所述线上服 务器反馈的应用地址生成并显示 二维码。 8.根据权利要求7 所述的系统， 其特 征在于， 还 包括： 移动设备， 用于通过扫描二维码， 获取访问地址， 并向线上服 务器发送访问请求； 所述可视化配置模块还用于： 获取 所述线上服 务器发送的配置信息； 所述渲染模块还用于：权　利　要　求　书 1/2 页 2 CN 114546577 A 2将从数据源获取的数据， 以及所述线上服 务器发送的配置信息， 发送至所述移动设备； 所述移动设备还用于： 依据所述渲染模块发送的配置信息， 将所述渲染模块发送的数 据进行渲染。 9.根据权利要求1所述的系统， 其特 征在于， 还 包括： 权限控制模块， 用于针对设置用户和/或群组对系统的功能的使用权限。 10.一种数据可视化方法， 其特 征在于， 包括： 获取用于渲染的数据以及配置信息； 使用所述数据的类型匹配的Web组件， 依据所述配置信息， 渲染所述数据并显示。权　利　要　求　书 2/2 页 3 CN 114546577 A 3