基于时间轴的数据展示方法及装置.pdf

《基于时间轴的数据展示方法及装置.pdf》由会员分享，可在线阅读，更多相关《基于时间轴的数据展示方法及装置.pdf（11页完成版）》请在专利查询网上搜索。

1、(19)中华人民共和国国家知识产权局 (12)发明专利申请 (10)申请公布号 (43)申请公布日 (21)申请号 202010067743.6 (22)申请日 2020.01.20 (71)申请人 北京市天元网络技术股份有限公司 地址 100193 北京市海淀区西北旺东路10 号院东区20号楼浪潮大厦 (72)发明人 房磊 (74)专利代理机构 北京路浩知识产权代理有限 公司 11002 代理人 郑朝然 (51)Int.Cl. G06F 16/957(2019.01) (54)发明名称 基于时间轴的数据展示方法及装置 (57)摘要 本发明实施例提供一种基于时间轴的数据 展示方法及装置， 所述。

2、方法包括： 接收上传的配 置参数， 所述配置参数包含数据参数和告警参 数； 获取所述告警参数中的数据展示时间， 并根 据所述数据展示时间创建所述数据参数对应的 时间轴； 根据预设的告警规则获取所述告警参数 对应的告警等级， 并根据所述告警等级确定所述 时间轴中数据参数的显示效果； 将所述时间轴的 数据参数以对应的显示效果在web页面进行展 示。 采用本方法提供了一种灵活的以时间轴形式 在web页面展示数据的方法。 权利要求书2页 说明书6页 附图2页 CN 111274514 A 2020.06.12 CN 111274514 A 1.一种基于时间轴的数据展示方法， 其特征在于， 包括： 接收。

3、上传的配置参数， 所述配置参数包含数据参数和告警参数； 获取所述告警参数中的数据展示时间， 并根据所述数据展示时间创建所述数据参数对 应的时间轴； 根据预设的告警规则获取所述告警参数对应的告警等级， 并根据所述告警等级确定所 述时间轴中数据参数的显示效果； 将所述时间轴的数据参数以对应的显示效果在web页面进行展示。 2.根据权利要求1所述的基于时间轴的数据展示方法， 其特征在于， 所述方法还包括： 对比所述数据展示时间之间的时间间隔， 并根据预设的时间轴的间隔关系将所述时间 间隔转化为所述时间轴的间隔， 根据所述时间轴的间隔调整所述时间轴上各个数据参数之 间的距离。 3.根据权利要求1所述的。

4、基于时间轴的数据展示方法， 其特征在于， 所述根据所述告警 等级确定所述时间轴中数据参数的显示效果， 包括： 根据所述告警等级确定所述时间轴中数据参数的显示颜色。 4.根据权利要求3所述的基于时间轴的数据展示方法， 其特征在于， 所述方法还包括： 获取当前时间， 检测所述当前时间与所述数据展示时间之间的时间间隔是否小于预设 时间间隔； 当所述当前时间与所述数据展示时间之间的时间间隔小于预设时间间隔时， 将所述数 据参数的显示颜色调整为红色。 5.根据权利要求1所述的基于时间轴的数据展示方法， 其特征在于， 所述方法还包括： 获取绑定系统的DOM节点， 根据所述DOM节点的信息调整所述时间轴在所。

5、述web页面的 位置。 6.根据权利要求1所述的基于时间轴的数据展示方法， 其特征在于， 所述方法还包括： 当检测到所述配置参数的展示要求改变时， 根据改变后的展示要求对应修改所述告警 参数。 7.一种基于时间轴的数据展示装置， 其特征在于， 包括 接收模块， 用于接收上传的配置参数， 所述配置参数包含数据参数和告警参数； 第一获取模块， 用于获取所述告警参数中的数据展示时间， 并根据所述数据展示时间 创建所述数据参数对应的时间轴； 第二获取模块， 用于根据预设的告警规则获取所述告警参数对应的告警等级， 并根据 所述告警等级确定所述时间轴中数据参数的显示效果； 展示模块， 用于将所述时间轴的数。

6、据参数以对应的显示效果在web页面进行展示。 8.根据权利要求7所述的基于时间轴的数据展示装置， 其特征在于， 所述装置还包括： 对比模块， 用于对比所述数据展示时间之间的时间间隔， 并根据预设的时间轴的间隔 关系将所述时间间隔转化为所述时间轴的间隔， 根据所述时间轴的间隔调整所述时间轴上 各个数据参数之间的距离。 9.一种电子设备， 包括存储器、 处理器及存储在存储器上并可在处理器上运行的计算 机程序， 其特征在于， 所述处理器执行所述程序时实现如权利要求1至6任一项所述基于时 间轴的数据展示方法的步骤。 权利要求书 1/2 页 2 CN 111274514 A 2 10.一种非暂态计算机可。

7、读存储介质， 其上存储有计算机程序， 其特征在于， 该计算机 程序被处理器执行时实现如权利要求1至6任一项所述基于时间轴的数据展示方法的步骤。 权利要求书 2/2 页 3 CN 111274514 A 3 基于时间轴的数据展示方法及装置 技术领域 0001 本发明涉及数据展示技术领域， 尤其涉及一种基于时间轴的数据展示方法及装 置。 背景技术 0002 随着各系统应用的展示内容不断丰富， 数据的可视化要求越来越高， 这要求我们 将数据更直观、 更美观的展示出来， 而不再是数据文字的堆积。 在要展示的数据中， 有一类 数据需要按照时间的先后顺序展示， 能够方便、 直观的看到各数据在时间维度上的先。

8、后关 系。 0003 现有的， 比如在web页面将数据以时间轴展示的技术， 通常是将事先将数据根据时 间进行排序， 得到时间轴， 然后在web页面将数据根据时间顺序进行展示， 但这种方法碰到 时间临时修改的情况时， 时间轴的数据变化可能不太灵活， 所以， 如何灵活的以时间轴形式 在web页面展示数据， 是目前亟待解决的问题。 发明内容 0004 针对现有技术中存在的问题， 本发明实施例提供一种基于时间轴的数据展示方法 及装置。 0005 本发明实施例提供一种基于时间轴的数据展示方法， 包括： 0006 接收上传的配置参数， 所述配置参数包含数据参数和告警参数； 0007 获取所述告警参数中的数。

9、据展示时间， 并根据所述数据展示时间创建所述数据参 数对应的时间轴； 0008 根据预设的告警规则获取所述告警参数对应的告警等级， 并根据所述告警等级确 定所述时间轴中数据参数的显示效果； 0009 将所述时间轴的数据参数以对应的显示效果在web页面进行展示。 0010 在其中一个实施例中， 所述方法还包括： 0011 对比所述数据展示时间之间的时间间隔， 并根据预设的时间轴的间隔关系将所述 时间间隔转化为所述时间轴的间隔， 根据所述时间轴的间隔调整所述时间轴上各个数据参 数之间的距离。 0012 在其中一个实施例中， 所述方法还包括： 0013 根据所述告警等级改变所述时间轴中数据参数的显示。

10、颜色。 0014 在其中一个实施例中， 所述方法还包括： 0015 获取当前时间， 检测所述当前时间与所述数据展示时间之间的时间间隔是否小于 预设时间间隔； 0016 当所述当前时间与所述数据展示时间之间的时间间隔小于预设时间间隔时， 将所 述数据参数的显示颜色调整为红色。 0017 在其中一个实施例中， 所述方法还包括： 说明书 1/6 页 4 CN 111274514 A 4 0018 获取绑定系统的DOM节点， 根据所述DOM节点的信息调整所述时间轴在所述web页 面的位置。 0019 在其中一个实施例中， 所述方法还包括： 0020 当检测到所述配置参数的展示要求改变时， 根据改变后的。

11、展示要求对应修改所述 告警参数。 0021 本发明实施例提供一种基于时间轴的数据展示装置， 包括： 0022 接收模块， 用于接收上传的配置参数， 所述配置参数包含数据参数和告警参数； 0023 第一获取模块， 用于获取所述告警参数中的数据展示时间， 并根据所述数据展示 时间创建所述数据参数对应的时间轴； 0024 第二获取模块， 用于根据预设的告警规则获取所述告警参数对应的告警等级， 并 根据所述告警等级确定所述时间轴中数据参数的显示效果； 0025 展示模块， 用于将所述时间轴的数据参数以对应的显示效果在web页面进行展示。 0026 在其中一个实施例中， 所述装置还包括： 0027 对比。

12、模块， 用于对比所述数据展示时间之间的时间间隔， 并根据预设的时间轴的 间隔关系将所述时间间隔转化为所述时间轴的间隔， 根据所述时间轴的间隔调整所述时间 轴上各个数据参数之间的距离。 0028 本发明实施例提供一种电子设备， 包括存储器、 处理器及存储在存储器上并可在 处理器上运行的计算机程序， 所述处理器执行所述程序时实现上述基于时间轴的数据展示 方法的步骤。 0029 本发明实施例提供一种非暂态计算机可读存储介质， 其上存储有计算机程序， 该 计算机程序被处理器执行时实现上述基于时间轴的数据展示方法的步骤。 0030 本发明实施例提供的基于时间轴的数据展示方法方法及装置， 接收上传的配置参。

13、 数， 获取其中告警参数中的数据展示时间， 并根据数据展示时间创建其中数据参数对应的 时间轴； 根据预设的告警规则获取告警参数对应的告警等级， 并根据告警等级改变时间轴 中数据参数的显示效果； 将时间轴的数据参数以对应的显示效果在web页面进行展示。 在想 要改变时间轴中的显示数据或显示效果时， 只需要修改其中的数据参数和告警参数， 提供 了一种灵活的以时间轴形式在web页面展示数据的方法。 附图说明 0031 为了更清楚地说明本发明实施例或现有技术中的技术方案， 下面将对实施例或现 有技术描述中所需要使用的附图作一简单地介绍， 显而易见地， 下面描述中的附图是本发 明的一些实施例， 对于本领。

14、域普通技术人员来讲， 在不付出创造性劳动的前提下， 还可以根 据这些附图获得其他的附图。 0032 图1为本发明实施例中基于时间轴的数据展示方法的流程图； 0033 图2为本发明实施例中基于时间轴的数据展示装置的结构图； 0034 图3为本发明实施例中电子设备结构示意图。 具体实施方式 0035 为使本发明实施例的目的、 技术方案和优点更加清楚， 下面将结合本发明实施例 说明书 2/6 页 5 CN 111274514 A 5 中的附图， 对本发明实施例中的技术方案进行清楚、 完整地描述， 显然， 所描述的实施例是 本发明一部分实施例， 而不是全部的实施例。 基于本发明中的实施例， 本领域普通。

15、技术人员 在没有作出创造性劳动前提下所获得的所有其他实施例， 都属于本发明保护的范围。 0036 为使本发明实施例的目的、 技术方案和优点更加清楚， 下面将结合本发明实施例 中的附图， 对本发明实施例中的技术方案进行清楚、 完整地描述， 显然， 所描述的实施例是 本发明一部分实施例， 而不是全部的实施例。 基于本发明中的实施例， 本领域普通技术人员 在没有作出创造性劳动前提下所获得的所有其他实施例， 都属于本发明保护的范围。 0037 为使本发明实施例的目的、 技术方案和优点更加清楚， 下面将结合本发明实施例 中的附图， 对本发明实施例中的技术方案进行清楚、 完整地描述， 显然， 所描述的实施。

16、例是 本发明一部分实施例， 而不是全部的实施例。 基于本发明中的实施例， 本领域普通技术人员 在没有作出创造性劳动前提下所获得的所有其他实施例， 都属于本发明保护的范围。 0038 图1为本发明实施例提供的基于时间轴的数据展示方法的流程示意图， 如图1所 示， 本发明实施例提供了一种基于时间轴的数据展示方法， 包括： 0039 步骤S101， 接收上传的配置参数， 所述配置参数包含数据参数和告警参数。 0040 具体地， 接收上传的配置参数， 其中， 配置参数为需要进行展示的数据， 配置参数 包括数据参数和告警参数： 需要进行展示的数据参数， 数据参数在进行展示时的告警参数， 告警参数可以包括。

17、数据参数展示的时间、 展示的字体大小、 展示的字体颜色等等相关展示 信息。 0041 步骤S102， 获取所述告警参数中的数据展示时间， 并根据所述数据展示时间创建 所述数据参数对应的时间轴。 0042 具体地， 获取告警参数中对数据参数进行展示的数据展示时间， 并根据各个告警 参数对应的数据展示时间建立时间轴， 比如数据参数A对应的告警参数中的数据展示时间 为1月1日上午8点， 数据参数B对应的告警参数中的数据展示时间为1月1日下午6点， 配置参 数C对应的告警参数中的数据展示时间为1月2日中午12点， 则根据3者的时间先后顺序建立 时间轴， 并对应的显示数据参数A、 B、 C。 0043 。

18、步骤S103， 根据预设的告警规则获取所述告警参数对应的告警等级， 并根据所述 告警等级改变所述时间轴中数据参数的显示效果。 0044 具体地， 预设的告警规则可以为： 剩余时间与告警等级之间的对应关系、 配置参数 重要程度与告警等级之间的对应关系等等， 比如， 根据告警参数中数据展示时间与当前时 间的时间间隔(剩余时间)确定对应的告警等级， 在确定告警等级后， 根据告警等级进一步 确定时间轴中数据参数的显示效果， 比如时间轴中数据参数的显示可以由告警参数决定， 比如字体大小， 何种字体， 是否同步显示英文等等， 在确定告警等级后， 可以进一步的根据 告警等级确定数据参数的显示效果， 比如根据。

19、告警等级确定字体颜色， 字体是否标注显示 等等， 比如当根据告警等级确定时间轴中数据参数的显示颜色， 当数据展示时间与当前时 间的时间间隔较长时， 说明离配置参数对应事件发生还距较长时间， 则数据参数的显示为 浅色， 比如白色等， 当数据展示时间与当前时间的时间间隔较短时， 说明离配置参数对应事 件发生的时间间隔较短， 则数据参数的显示为深色， 比如紫色等， 另外， 当当前时间与数据 展示时间之间的时间间隔小于预设时间间隔时， 其中， 预设间隔为配置参数对应事件发生 的最短准备时间， 则将显示颜色调整为红色， 提醒用户配置参数对应的数据展示时间已经 说明书 3/6 页 6 CN 1112745。

20、14 A 6 接近。 0045 步骤S104， 将所述时间轴的数据参数以对应的显示效果在web页面进行展示。 0046 具体地， 将配置参数中用于显示的数据参数以告警参数对应的显示效果在web页 面中进行展示， 另外， 展示时， 可以获取与时间轴数据展示软件对应绑定系统的DOM(文档对 象模型)节点， 根据DOM节点可以获取其中模型信息， 根据模型信息调整时间轴在web页面中 的位置， 即时间轴软件可以选择对应绑定系统应用的任何一个DOM节点中的DOM元素作为锚 点， 时间轴展示的位置， 可以由原系统应用的DOM元素的位置任意决定。 0047 本发明实施例提供的一种基于时间轴的数据展示方法， 。

21、接收上传的配置参数， 获 取其中告警参数中的数据展示时间， 并根据数据展示时间创建其中数据参数对应的时间 轴； 根据预设的告警规则获取告警参数对应的告警等级， 并根据告警等级改变时间轴中数 据参数的显示效果； 将时间轴的数据参数以对应的显示效果在web页面进行展示。 在想要改 变时间轴中的显示数据或显示效果时， 只需要修改其中的数据参数和告警参数， 提供了一 种灵活的以时间轴形式在web页面展示数据的方法。 0048 在上述实施例的基础上， 所述基于时间轴的数据展示方法， 还包括： 0049 对比所述数据展示时间之间的时间间隔， 并根据预设的时间轴的间隔关系将所述 时间间隔转化为所述时间轴的间。

22、隔， 根据所述时间轴的间隔调整所述时间轴上各个数据参 数之间的距离。 0050 在本发明实施例中， 将数据参数在时间轴上显示时， 还可以对应各个数据参数对 应的数据展示时间之间的时间间隔， 比如数据参数A对应的告警参数中的数据展示时间为1 月1日上午8点， 数据参数B对应的告警参数中的数据展示时间为1月1日下午6点， 配置参数C 对应的告警参数中的数据展示时间为1月2日中午12点， A、 B之间的时间间隔为10个小时， B、 C之间的时间间隔为18个小时， 则根据预设的时间轴的间隔关系将时间间隔转化为时间轴 上的距离间隔， 比如A、 B之间与B、 C之间的距离比即为10： 18,即当时间间隔与。

23、距离间隔的比 例为1h比1cm时， 时间轴上A、 B两点之间的距离为10cm， B、 C之间的距离为18cm。 0051 本发明实施例通过预设的时间轴的间隔关系将时间间隔转化为时间轴的间隔， 使 得时间轴上的配置参数的发生时间更简单明了。 0052 在上述实施例的基础上， 所述基于时间轴的数据展示方法， 还包括： 0053 当检测到所述配置参数的展示要求改变时， 根据改变后的展示要求对应修改所述 告警参数。 0054 在本发明实施例中， 当检测到配置参数的展示要求改变， 比如展示的数据或展示 的行驶改变时， 根据改变后的展示要求对应修改告警参数， 另外， 不仅是告警参数， 在web页 面中显示。

24、的时间轴软件， 支持传入配置参数， 调整时间轴的展示效果。 参数包括数据参数、 告警参数， 数据参数即为时间轴中显示的参数， 告警参数为数据参数显示的颜色、 字体、 大 小、 显示形式等等。 0055 本发明实施例通过检测到配置参数的展示要求改变时， 根据改变后的展示要求对 应修改告警参数。 0056 图2为本发明实施例提供的一种基于时间轴的数据展示装置， 包括： 接收模块201、 第一获取模块202、 第二获取模块203、 展示模块204， 其中： 0057 接收模块201， 用于接收上传的配置参数， 配置参数包含数据参数和告警参数。 说明书 4/6 页 7 CN 111274514 A 7。

25、 0058 第一获取模块202， 用于获取告警参数中的数据展示时间， 并根据数据展示时间创 建数据参数对应的时间轴。 0059 第二获取模块203， 用于根据预设的告警规则获取告警参数对应的告警等级， 并根 据告警等级确定时间轴中数据参数的显示效果。 0060 展示模块204， 用于将时间轴的数据参数以对应的显示效果在web页面进行展示。 0061 在一个实施例中， 装置还可以包括： 0062 对比模块， 用于对比数据展示时间之间的时间间隔， 并根据预设的时间轴的间隔 关系将时间间隔转化为所述时间轴的间隔， 根据时间轴的间隔调整时间轴上各个数据参数 之间的距离。 0063 在一个实施例中， 装。

26、置还可以包括： 0064 着色模块， 用于根据告警等级确定时间轴中数据参数的显示颜色。 0065 在一个实施例中， 装置还可以包括： 0066 第三获取模块， 用于获取当前时间， 检测当前时间与数据展示时间之间的时间间 隔是否小于预设时间间隔。 0067 调整模块， 用于当当前时间与数据展示时间之间的时间间隔小于预设时间间隔 时， 将数据参数的显示颜色调整为红色。 0068 在一个实施例中， 装置还可以包括： 0069 第四获取模块， 用于获取绑定系统的DOM节点， 根据DOM节点的信息调整时间轴在 web页面的位置。 0070 在一个实施例中， 装置还可以包括： 0071 检测模块， 用于当。

27、检测到配置参数的展示要求改变时， 根据改变后的展示要求对 应修改告警参数。 0072 关于基于时间轴的数据展示装置的具体限定可以参见上文中对于基于时间轴的 数据展示方法的限定， 在此不再赘述。 上述基于时间轴的数据展示装置中的各个模块可全 部或部分通过软件、 硬件及其组合来实现。 上述各模块可以硬件形式内嵌于或独立于计算 机设备中的处理器中， 也可以以软件形式存储于计算机设备中的存储器中， 以便于处理器 调用执行以上各个模块对应的操作。 0073 图3示例了一种电子设备的实体结构示意图， 如图3所示， 该电子设备可以包括： 处 理器(processor)301、 存储器(memory)302、。

28、 通信接口(Communications Interface)303和 通信总线304， 其中， 处理器301， 存储器302， 通信接口303通过通信总线304完成相互间的通 信。 处理器301可以调用存储器302中的逻辑指令， 以执行如下方法： 接收上传的配置参数， 所述配置参数包含数据参数和告警参数； 获取所述告警参数中的数据展示时间， 并根据所 述数据展示时间创建所述数据参数对应的时间轴； 根据预设的告警规则获取所述告警参数 对应的告警等级， 并根据所述告警等级确定所述时间轴中数据参数的显示效果； 将所述时 间轴的数据参数以对应的显示效果在web页面进行展示。 0074 此外， 上述的。

29、存储器302中的逻辑指令可以通过软件功能单元的形式实现并作为 独立的产品销售或使用时， 可以存储在一个计算机可读取存储介质中。 基于这样的理解， 本 发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以 软件产品的形式体现出来， 该计算机软件产品存储在一个存储介质中， 包括若干指令用以 说明书 5/6 页 8 CN 111274514 A 8 使得一台计算机设备(可以是个人计算机， 服务器， 或者网络设备等)执行本发明各个实施 例所述方法的全部或部分步骤。 而前述的存储介质包括： U盘、 移动硬盘、 只读存储器(ROM， Read-Only Memory)、 随机存取存。

30、储器(RAM， Random AccessMemory)、 磁碟或者光盘等各种 可以存储程序代码的介质。 0075 另一方面， 本发明实施例还提供一种非暂态计算机可读存储介质， 其上存储有计 算机程序， 该计算机程序被处理器执行时实现以执行上述各实施例提供的传输方法， 例如 包括： 接收上传的配置参数， 所述配置参数包含数据参数和告警参数； 获取所述告警参数中 的数据展示时间， 并根据所述数据展示时间创建所述数据参数对应的时间轴； 根据预设的 告警规则获取所述告警参数对应的告警等级， 并根据所述告警等级确定所述时间轴中数据 参数的显示效果； 将所述时间轴的数据参数以对应的显示效果在web页面进。

31、行展示。 0076 以上所描述的装置实施例仅仅是示意性的， 其中所述作为分离部件说明的单元可 以是或者也可以不是物理上分开的， 作为单元显示的部件可以是或者也可以不是物理单 元， 即可以位于一个地方， 或者也可以分布到多个网络单元上。 可以根据实际的需要选择其 中的部分或者全部模块来实现本实施例方案的目的。 本领域普通技术人员在不付出创造性 的劳动的情况下， 即可以理解并实施。 0077 通过以上的实施方式的描述， 本领域的技术人员可以清楚地了解到各实施方式可 借助软件加必需的通用硬件平台的方式来实现， 当然也可以通过硬件。 基于这样的理解， 上 述技术方案本质上或者说对现有技术做出贡献的部分。

32、可以以软件产品的形式体现出来， 该 计算机软件产品可以存储在计算机可读存储介质中， 如ROM/RAM、 磁碟、 光盘等， 包括若干指 令用以使得一台计算机设备(可以是个人计算机， 服务器， 或者网络设备等)执行各个实施 例或者实施例的某些部分所述的方法。 0078 最后应说明的是： 以上实施例仅用以说明本发明的技术方案， 而非对其限制； 尽管 参照前述实施例对本发明进行了详细的说明， 本领域的普通技术人员应当理解： 其依然可 以对前述各实施例所记载的技术方案进行修改， 或者对其中部分技术特征进行等同替换； 而这些修改或者替换， 并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和 范围。 说明书 6/6 页 9 CN 111274514 A 9 图1 说明书附图 1/2 页 10 CN 111274514 A 10 图2 图3 说明书附图 2/2 页 11 CN 111274514 A 11 。