logo好方法网

数据显示方法和相关装置


技术摘要:
本申请实施例公开了一种数据显示方法和相关装置,该方法包括:根据第一待可视化数据,生成第一圆环;所述第一待可视化数据包括第一类型的数据,所述第一类型的数据包括N种状态的数据;所述第一圆环包括N段圆弧,所述N段圆弧中每段圆弧对应所述第一类型的一种状态的数据  全部
背景技术:
大数据与人们生活息息相关,全球数据呈现爆发增长、海量集聚的特点。从国家到 个人越来越意识到数据的重要性。因此,对于大数据的可视化操作以及可视化呈现,尤为重 要。可视化是指将相对抽象的数字等内容转化为直观的图形、图像等呈现出来,便于阅读者 和研究者观察、模拟、分析。以可视化为基础,近年来,地形可视化、大数据可视化、语音可视 化等技术在相应领域蓬勃发展。然而,当前采用的可视化技术普遍存在采集或者统计后的 数据缺乏关联性,数据模型复杂,缺乏交互等问题。因此,需要研究能够展示数据之间的关 联性且数据模型简单的数据显示方案。
技术实现要素:
本申请实施例公开了一种数据显示方法和相关装置,能够展示数据之间的关联 性,并且数据模型简单。 第一方面,本申请实施例提供了一种数据显示方法,该方法包括:根据第一待可视 化数据,生成第一圆环;所述第一待可视化数据包括第一类型的数据,所述第一类型的数据 包括N种状态的数据;所述第一圆环包括N段圆弧,所述N段圆弧中每段圆弧对应所述第一类 型的一种状态的数据,所述N为大于0的整数;显示所述第一圆环。 本申请实施例中,根据待可视化数据生成一个或者多个圆环,每个圆环表征一种 类型的数据,每个圆环包括一个或者多个圆弧,每个圆弧对应的数据的状态不同。举例来 说,第一圆环包括3段圆弧,每段圆弧对应一种状态的第一类型的数据。本申请实施例的执 行主体可以是台式电脑、笔记本电脑、服务器等电子设备。可选的,所述第一待可视化数据 为电子设备对实时采集的数据进行汇总得到的待可视化数据。本申请实施例中,电子设备 当前显示有一个或者多个圆环(包括第二圆环);该电子设备可根据得到的待可视化数据, 生成新的圆环,并更新当前显示的圆环。举例来说,当前显示有圆环1至圆环3,其中,圆环1 为根据类型1的数据生成的,圆环2为根据类型2的数据生成的,圆环3为根据类型3的数据生 成的;在第一待可视化数据包括的类型2和类型3的数据与第二待可视化数据包括的类型2 和类型3的数据不同时,更新圆环2和圆环3。也就是说,电子设备可根据获取的待可视化数 据实时更新显示的圆环,圆环能实时放映当前的数据。在实际应用中,每次待可视化数据发 生变化,都会触发电子设备自动渲染成为新的比例的圆环。另外,每段圆弧对应所述第一类 型的一种状态的数据,能体现数据之间的关联性。 本申请实施例中,用户通过圆环的变化可以直观的感受数据的变化,并且能够较 好的展示数据之间的关联性。 在一个可选的实现方式中,所述显示所述第一圆环包括:将当前显示的第二圆环 更新为所述第一圆环;所述第二圆环为在得到所述第一待可视化数据之前,根据所述第一 4 CN 111597249 A 说 明 书 2/11 页 类型的第二数据生成的圆环。 在一个可选的实现方式中,所述方法还包括:显示一个目标图形,所述目标图形内 部具有描述信息,所述描述信息用于描述所述第一圆环中任一圆弧表示的内容。 在一个可选的实现方式中,所述第一圆环显示于所述目标图形的四周,所述目标 图形为表征光晕星球的圆形。 在一个可选的实现方式中,所述第一圆环显示在一个表征光晕星球的圆形(即一 个发光圆球)的四周,所述圆形的内部显示有描述信息。 电子设备当前显示的内容可视为一个可视化模型,该可视化模型包括至少一个圆 环。示例性的,在当前显示的圆环均未被选中的情况下,显示第一描述信息,所述第一描述 信息用于描述可视化模型(即)的信息,例如运行天数;在所述第一圆环被选中的情况下,显 示第二描述信息,所述第二描述信息用于描述所述第一类型的数据。 在该实现方式中,将至少一个圆环显示在发光圆球的周围,并在该发光圆球的内 部显示相应的描述信息,以便于用户更直接的感受数据的变化以及各圆环表征的数据。 在一个可选的实现方式中,所述将当前显示的第二圆环更新为所述第一圆环之 后,所述方法还包括:在接收到第一选择指令之后,显示第一圆弧对应的数据;所述第一选 择指令用于选择所述第一圆环中的所述第一圆弧,所述第一圆弧为所述N段圆弧中的任一 个。 接收到第一选择指令可以是接收到用户通过输入设备(例如鼠标)针对所述第一 圆弧的点击操作;还可以是将鼠标移动至所述第一圆弧的操作;还可以是其他选择所述第 一圆弧的操作,本申请实施例不作限定。举例来说,用户可以使用鼠标点击和移动到对应的 圆弧上操作圆环,来达到切换数据等目的,进而实现用户的实际需求。 在该实现方式中,用户通过这种圆环交互可以清晰明了的知道每一份数据在系统 中扮演的角色,以便于用户可以根据这些数据做出实际判断,交互性强。 在一个可选的实现方式中,在接收到第一选择指令之后,所述方法还包括:通过高 亮方式显示所述第一圆弧。 在该实现方式中,通过高亮方式显示第一圆环,以便于更直观清楚地显示用户所 关注的数据。 在一个可选的实现方式中,所述通过高亮方式显示所述第一圆弧包括:通过高亮 方式显示所述第一圆环的同时,增大所述第一圆环的宽度。 在一个可选的实现方式中,所述N段圆弧中的第二圆弧的长度与所述第二圆弧对 应的数据在总数据中的占比正相关,所述总数据为所述第一待可视化数据中的所述第一类 型的数据,所述第二圆弧为所述N段圆弧中的任一个。 每一段圆弧的长取决于其对应的数据在总数据中的占比。例如,第二圆弧表征的 数值为100,总数据表征的数值为500,则该第二圆弧的弧长与第一圆环的长度的比值为 20%,即第二圆弧的占比为20%。 在该实现方式中,每个圆弧的长度能反映该圆弧对应的那种状态的数据在总数据 中的占比,这样用于就能根据圆环的实际弧长以及其他辅助性的数据显示来做简单迅速的 数据判断。 在一个可选的实现方式中,所述N段圆弧中任意两段圆弧的颜色不同。 5 CN 111597249 A 说 明 书 3/11 页 在一个可选的实现方式中,所述将当前显示的第二圆环更新为所述第一圆环包 括:将所述第二圆环渲染到当前显示的画面中;所述画面包括至少一个圆环,每个圆环对应 一种类型的数据。 示例性的,电子设备基于前端SVG以及Canvas前端渲染技术动态渲染光环效果,即 将所述第二圆环渲染到当前显示的画面中。 在一个可选的实现方式中,所述至少一个圆环以旋转方式显示,并且所述至少一 个圆环中任意两个圆环的旋转速度不同。 示例性的,电子设备在做动画渲染时使用CSS3  animate对各圆环的转动参数做调 整,例如对不同的圆环的旋转速率进行差速调整,以达到不同圆环不同速率的效果。另外, 实现进场动画由快到慢的变化以及旋转动画的控制。举例来说,第一圆环每隔10秒旋转360 度。 在一个可选的实现方式中,所述根据第一待可视化数据,生成第一圆环之前,所述 方法还包括:根据第二待可视化数据,生成M个圆环;所述M个圆环中每个圆环对应一种类型 的数据,所述M个圆环包括所述第二圆环,所述M为大于1的整数,所述第二待可视化数据包 括至少一种类型的数据;将所述M个圆环渲染到当前显示的画面中。 在该实现方式中,每个圆环可反映一种类型的数据,可视化模型简单,使得用户可 直观的看到数据的分布,有助于用户理解系统实时运行以及运营情况。 第二方面,本申请实施例提供了一种电子设备,包括:生成单元,用于根据第一待 可视化数据,生成第一圆环;所述第一待可视化数据包括第一类型的数据,所述第一类型的 数据包括N种状态的数据;所述第一圆环包括N段圆弧,所述N段圆弧中每段圆弧对应所述第 一类型的一种状态的数据,所述N为大于0的整数;显示单元,用于显示所述第一圆环。 在一个可选的实现方式中,所述显示单元,具体用于将当前显示的第二圆环更新 为所述第一圆环;所述第二圆环为在得到所述第一待可视化数据之前,根据所述第一类型 的数据生成的圆环。 在一个可选的实现方式中,所述显示单元,还用于显示一个目标图形,所述目标图 形内部具有描述信息,所述描述信息用于描述所述第一圆环中任一圆弧表示的内容。 在一个可选的实现方式中,所述第一圆环显示于所述目标图形的四周,所述目标 图形为表征光晕星球的圆形。 在一个可选的实现方式中,所述第一圆环显示在一个表征光晕星球的圆形的四 周,所述圆形的内部显示有描述信息。 在一个可选的实现方式中,所述电子设备还包括:接收单元,用于接收第一选择指 令;所述第一选择指令用于选择所述第一圆环中的所述第一圆弧,所述第一圆弧为所述N段 圆弧中的任一个;所述显示单元,还用于显示第一圆弧对应的数据。 在一个可选的实现方式中,所述显示单元,具体用于通过高亮方式显示所述第一 圆弧。 在一个可选的实现方式中,所述显示单元,具体用于通过高亮方式显示所述第一 圆环的同时,增大所述第一圆环的宽度。 在一个可选的实现方式中,所述N段圆弧中的第二圆弧的长度与所述第二圆弧对 应的数据在总数据中的占比正相关,所述总数据为所述第一待可视化数据中的所述第一类 6 CN 111597249 A 说 明 书 4/11 页 型的数据,所述第二圆弧为所述N段圆弧中的任一个。 在一个可选的实现方式中,所述N段圆弧中任意两段圆弧的颜色不同。 在一个可选的实现方式中,所述显示单元,具体用于将所述第二圆环渲染到当前 显示的画面中;所述画面包括至少一个圆环,所述至少一个圆环中每个圆环对应一种类型 的数据。 在一个可选的实现方式中,所述至少一个圆环以旋转方式显示,并且所述至少一 个圆环中任意两个圆环的旋转速度不同。 在一个可选的实现方式中,所述生成单元,还用于根据第二待可视化数据,生成M 个圆环;所述M个圆环中每个圆环对应一种类型的数据,所述M个圆环包括所述第二圆环,所 述M为大于1的整数,所述第二待可视化数据包括至少一种类型的数据;所述显示单元,还用 于将所述M个圆环渲染到当前显示的画面中。 第三方面,本申请实施例提供了一种电子设备,该电子设备包括:存储器,用于存 储程序;处理器,用于执行所述存储器存储的所述程序,当所述程序被执行时,所述处理器 用于执行如上述第一方面以及任一种可选的实现方式的方法。 第四方面,本申请实施例提供了一种芯片,该芯片包括处理器与数据接口,该处理 器通过该数据接口读取存储器上存储的指令,执行如上述第一方面以及任一种可选的实现 方式的方法。 第五方面,本申请实施例提供了一种计算机可读存储介质,该计算机存储介质存 储有计算机程序,该计算机程序包括程序指令,该程序指令当被处理器执行时使该处理器 执行上述第一方面及任一种可选的实现方式的方法。 第六方面,本申请实施例提供了一种计算机程序产品,该计算机程序产品包括程 序指令,所述程序指令当被处理器执行时使所述处理器执行上述第一方面以及任一种可选 的实现方式的方法。 附图说明 为了更清楚地说明本申请实施例或
下载此资料需消耗2积分,
分享到:
收藏