CN106294463B - 一种动态曲线的数据点更新方法和设备 - Google Patents

一种动态曲线的数据点更新方法和设备 Download PDF

Info

Publication number
CN106294463B
CN106294463B CN201510293409.1A CN201510293409A CN106294463B CN 106294463 B CN106294463 B CN 106294463B CN 201510293409 A CN201510293409 A CN 201510293409A CN 106294463 B CN106294463 B CN 106294463B
Authority
CN
China
Prior art keywords
data
data point
dynamic curve
point
currently displayed
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201510293409.1A
Other languages
English (en)
Other versions
CN106294463A (zh
Inventor
黄淞
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201510293409.1A priority Critical patent/CN106294463B/zh
Priority to PCT/CN2016/083083 priority patent/WO2016192546A1/zh
Publication of CN106294463A publication Critical patent/CN106294463A/zh
Application granted granted Critical
Publication of CN106294463B publication Critical patent/CN106294463B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/26Visual data mining; Browsing structured data
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/23Updating

Abstract

本申请的目的是提供一种动态曲线的数据点更新方法及设备,具体地,在每一更新时刻,若当前显示的动态曲线存在数据点,则获取数据点中前一更新时刻的第一数据点;根据数据源中当前更新时刻的数据生成第二数据点;当第二数据点与第一数据点属于同一数据周期时,在该数据周期的显示位置清除第一数据点并显示第二数据点。与现有技术相比,由于能够获取曲线上最近一个更新时刻的数据点,然后与当前更新时刻生成的数据点进行比较,若属于同一数据周期,则会将新生成的数据点替换原来的数据点,从而实现数据点在一个数据周期内不断进行更新显示,可以更加直观的展现例如某一数据在一定周期内的累积量等信息。

Description

一种动态曲线的数据点更新方法和设备
技术领域
本申请涉及计算机领域,尤其涉及一种用于一种动态曲线的数据点更新技术。
背景技术
随着互联网的发展,越来越多的数据服务产品推向市场。这些产品经常需要开发实时报表,用户在通过网络浏览器对这些报表中的曲线图进行浏览时,就能够直观的查看各类数据。为了更好地体现数据的实时性,通常的做法是对曲线图进行动态地更新,使得用户能够及时了解数据的变化。目前常用的动态曲线的形式为:由各个表示某一时刻股价的数据点以及连接各个数据点之间的连线组成,每个数据点一经生成后就不再更新,例如股票行情曲线。由于其数据点一经生成就不再更新,不利于直观的展现某一数据周期内的累积量,例如用户如果需要查看某一数据在一个小时内的累积量,那么通过上述曲线则无法直观获得这一信息。
申请内容
本申请的一个目的是提供一种动态曲线的数据点更新方法和设备,使得用户可以直观得获取信息。
为实现上述目的,本申请提供了一种动态曲线的数据点更新方法,所述方法包括:
在每一更新时刻,若当前显示的动态曲线存在数据点,则获取所述数据点中前一更新时刻的第一数据点;
根据数据源中当前更新时刻的数据生成第二数据点;
当所述第二数据点与所述第一数据点属于同一数据周期时,在该数据周期的显示位置清除所述第一数据点并显示所述第二数据点。
进一步地,根据数据源中当前更新时刻的数据生成第二数据点,包括:
根据预先配置的路径由数据源中异步获取当前更新时刻的数据;
根据所述当前更新时刻的数据生成第二数据点。
进一步地,获取所述数据点中前一更新时刻的第一数据点之后,还包括:
对所述第一数据点进行突出显示。
进一步地,根据数据源中当前更新时刻的数据生成第二数据点之后,还包括:
当所述第二数据点与所述第一数据点不属于同一数据周期时,在所述第二数据点对应的数据周期的显示位置显示所述第二数据点。
进一步地,根据数据源中当前更新时刻的数据生成第二数据点之后,还包括:
当所述第二数据点与所述第一数据点不属于同一数据周期时,取消对所述第一数据点的突出显示,并在所述第二数据点对应的数据周期的显示位置显示所述第二数据点。
进一步地,在所述第二数据点对应的数据周期的显示位置显示所述第二数据点之前,还包括:
判断是否满足清空条件,若满足清空条件,则将所述当前显示的动态曲线的起始位置作为所述第二数据点对应的数据周期的显示位置,并清除所述当前显示的动态曲线。
进一步地,所述清除所述当前显示的动态曲线,包括:
将所述当前显示的动态曲线保存为历史动态曲线,并清除所述当前显示的动态曲线;
将所述当前显示的动态曲线保存为历史动态曲线,并清除所述当前显示的动态曲线之后,还包括:
当获取切换操作时,根据所述切换操作清除当前显示的动态曲线,显示所述历史动态曲线;
暂停后续更新时刻对所述数据点进行的更新。
进一步地,当获取切换操作时,根据所述切换操作清除当前显示的动态曲线,并显示所述历史动态曲线,包括:
当获取到切换操作时,根据所述切换操作将所述当前显示的动态曲线保存为第一动态曲线,并清除所述当前显示的动态曲线,显示所述历史动态曲线;
暂停后续更新时刻对所述数据点进行的更新之后,还包括:
当获取到恢复操作时,根据所述恢复操作清除当前显示的所述历史动态曲线,显示所述第一动态曲线;
恢复后续更新时刻对所述数据点进行的更新。
进一步地,在所述第二数据点对应的数据周期的显示位置显示所述第二数据点之后,还包括:
生成并显示所述第一数据点与所述第二数据点之间的连线。
进一步地,所述方法还包括:
检测用户操作点的位置,当所述用户操作点与所述数据点重合时,在所述用户操作点的位置显示所述数据点对应的数据。
本申请还提供了另一种动态曲线的数据点更新方法,该方法包括:
获取用于生成所述动态曲线的实时组件;
向所述实时组件写入配置信息;
初始化所述实时组件,根据所述实时组件的配置信息执行上述方法。
进一步地,所述实时组件包括图形展示单元以及功能调用单元;
初始化所述实时组件,根据所述实时组件的配置信息执行前述的任意一种方法,包括:
根据配置信息由功能调用单元获取生成初始数据点的数据,并生成包含所述初始数据点的动态曲线,所述图形展示单元生成显示区域并在所述显示区域内显示所述动态曲线;
所述图形展示单元和功能调用单元执行前述的任意一种方法对所述动态曲线中数据点更新。
进一步地,所述配置信息包括显示参数信息和调用参数信息;
根据配置信息由功能调用单元获取生成初始数据点的数据,并生成包含所述初始数据点的动态曲线,由所述图形展示单元生成显示区域并在所述显示区域内显示所述动态曲线,包括:
所述功能调用单元根据所述调用参数信息获取生成初始数据点的数据,并生成包含所述初始数据点的动态曲线,所述图形展示单元根据所述显示参数信息生成显示区域并在所述显示区域内显示所述动态曲线。
根据本申请的另一方面,还提供了一种动态曲线的数据点更新设备,其中,所述设备包括:
第一装置,用于在每一更新时刻,若当前显示的动态曲线存在数据点,则获取所述数据点中前一更新时刻的第一数据点;
第二装置,用于根据数据源中当前更新时刻的数据生成第二数据点;
第三装置,用于当所述第二数据点与所述第一数据点属于同一数据周期时,在该数据周期的显示位置清除所述第一数据点并显示所述第二数据点。
进一步地,所述第二装置包括:
第二一模块,用于根据预先配置的路径由数据源中异步获取当前更新时刻的数据;
第二二模块,用于根据所述当前更新时刻的数据生成第二数据点。
进一步地,所述第一装置还用于:
在获取所述数据点中前一更新时刻的第一数据点之后,对所述第一数据点进行突出显示。
进一步地,该设备还包括:
第四装置,用于当所述第二数据点与所述第一数据点不属于同一数据周期时,在所述第二数据点对应的数据周期的显示位置显示所述第二数据点。
进一步地,所述第四装置还用于:
当所述第二数据点与所述第一数据点不属于同一数据周期时,取消对所述第一数据点的突出显示,并在所述第二数据点对应的数据周期的显示位置显示所述第二数据点。
进一步地,该设备还包括:
第五装置,用于在所述第二数据点对应的数据周期的显示位置显示所述第二数据点之前,判断是否满足清空条件,若满足清空条件,则将所述当前显示的动态曲线的起始位置作为所述第二数据点对应的数据周期的显示位置,并清除所述当前显示的动态曲线。
进一步地,所述第五装置,用于将所述当前显示的动态曲线保存为历史动态曲线,并清除所述当前显示的动态曲线;
所述设备还包括第六装置,该第六装置包括:
第六一模块,用于在将所述当前显示的动态曲线保存为历史动态曲线,并清除所述当前显示的动态曲线之后,当获取切换操作时,根据所述切换操作清除当前显示的动态曲线,显示所述历史动态曲线;
第六二模块,用于暂停后续更新时刻对所述数据点进行的更新。
进一步地,所述第六一模块,用于:
在将所述当前显示的动态曲线保存为历史动态曲线,并清除所述当前显示的动态曲线之后,当获取切换操作时,根据所述切换操作将所述当前显示的动态曲线保存为第一动态曲线,并清除所述当前显示的动态曲线,显示所述历史动态曲线;
所述第六装置还包括:
第六三模块,用于在暂停后续更新时刻对所述数据点进行的更新之后,当获取到恢复操作时,根据所述恢复操作清除当前显示的所述历史动态曲线,显示所述第一动态曲线;
第六四模块,用于恢复后续更新时刻对所述数据点进行的更新。
进一步地,该设备还包括:
第七装置,用于在所述第二数据点对应的数据周期的显示位置显示所述第二数据点之后,生成并显示所述第一数据点与所述第二数据点之间的连线。
进一步地,该设备还包括:
第八装置,用于检测用户操作点的位置,当所述用户操作点与所述数据点重合时,在所述用户操作点的位置显示所述数据点对应的数据。
本申请还提供了另一种动态曲线的数据点更新设备,该设备包括:
第九装置,用于获取用于生成所述动态曲线的实时组件;
第十装置,用于向所述实时组件写入配置信息;
第十一装置,用于初始化所述实时组件,根据所述实时组件的配置信息控制前述任意一种设备的运行。
进一步地,所述实时组件包括图形展示单元以及功能调用单元;
所述第十一装置,用于:
根据配置信息指示功能调用单元获取生成初始数据点的数据,并生成包含所述初始数据点的动态曲线,指示所述图形展示单元生成显示区域并在所述显示区域内显示所述动态曲线;
指示所述图形展示单元和功能调用单元控制前述任意一种设备进行对所述动态曲线中数据点的更新。
进一步地,所述配置信息包括显示参数信息和调用参数信息;
所述第十一装置,用于:
指示所述功能调用单元根据所述调用参数信息获取生成初始数据点的数据,并生成包含所述初始数据点的动态曲线,指示所述图形展示单元根据所述显示参数信息生成显示区域并在所述显示区域内显示所述动态曲线;
指示所述图形展示单元和功能调用单元控制前述任意一种设备进行对所述动态曲线中数据点的更新。
与现有技术相比,在本申请提供的技术方案能够获取曲线上最近一个更新时刻的数据点,然后与当前更新时刻生成的数据点进行比较,若属于同一数据周期,则会将新生成的数据点替换原来的数据点,从而实现数据点在一个数据周期内不断进行更新显示,可以更加直观的展现例如某一数据在一定周期内的累积量等信息。此外,本申请提供的另一方案中,通过实时组件仅需要写入少量代码,例如自定义的一些配置信息等,即可实现数据点更新的功能,由于大部分程序代码采用了模块化的形式,提高了代码的可读性和可维护性,降低了开发人员对编程知识的依赖程度,提高了开发效率。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本申请的其它特征、目的和优点将会变得更明显:
图1为本申请实施例提供的第一种动态曲线的数据点更新方法的流程图;
图2为第一种动态曲线的数据点更新方法中步骤S102的处理流程图;
图3(a)~3(b)为数据点更新时的显示效果示意图;
图4为本申请实施例提供的第二种动态曲线的数据点更新方法的流程图;
图5为本申请实施例提供的第三种动态曲线的数据点更新方法的流程图;
图6为本申请实施例中涉及的一张动态曲线图表的示意图;
图7为实时组件的初始化流程图;
图8为实时组件初始化流程中箭头的监听程序的监听流程图;
图9为本申请实施例提供的第一种动态曲线的数据点更新设备的结构示意图;
图10为动态曲线的数据点更新设备中第二装置的结构示意图;
图11为本申请实施例提供的第二种动态曲线的数据点更新设备的结构示意图;
图12为本申请实施例提供的第三种动态曲线的数据点更新设备的结构示意图;
图13为本申请实施例提供的第四种动态曲线的数据点更新设备的结构示意图;
图14为本申请实施例提供的动态曲线的数据点更新设备中第六装置的优选结构示意图;
图15为本申请实施例提供的第五种动态曲线的数据点更新设备的结构示意图;
图16为本申请实施例提供的第六种动态曲线的数据点更新设备的结构示意图;
图17为本申请实施例提供的第七种动态曲线的数据点更新设备的结构示意图;
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
下面结合附图对本申请作进一步详细描述。
在本申请一个典型的配置中,终端、服务网络的设备和可信方均包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括非暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
图1示出了本申请实施例提供的一种动态曲线的数据点更新方法的流程图,该方法具体包括以下步骤:
步骤S101,在每一更新时刻,若当前显示的动态曲线存在数据点,则获取所述数据点中前一更新时刻的第一数据点;
步骤S102,根据数据源中当前更新时刻的数据生成第二数据点;
步骤S103,当所述第二数据点与所述第一数据点属于同一数据周期时,在该数据周期的显示位置清除所述第一数据点并显示所述第二数据点。
在此,本领域技术人员应能理解,所述第一数据点及第二数据点分别用来指代动态曲线更新过程中各阶段特定的数据点。例如,所述第一数据点为前一更新时刻更新显示的数据点,所述第二数据点为当前更新时刻生成、并即将更新显示的数据点。在下一更新时刻,本次更新时的第二数据点即成为下次更新时的第一数据点。
在本申请提供的技术方案会获取曲线上最近一个更新时刻更新的数据点,然后将当前更新时刻生成的数据点进行比较,如果两个数据点属于同一数据周期,则会将新生成的数据点替换原来的数据点,从而实现数据点在一个数据周期内不断进行更新,由此提供一种区别于现有动态曲线的数据展现方式,可以更加直观的展现例如某一数据在一定周期内的累积量等信息。
在本实施例中,所述数据周期可以根据实际的需求设置不同的时长,例如设置为一个小时、十五分钟等。每个数据周期内存在多个更新时刻,每当处于更新时刻,就会执行上述步骤S101至步骤S103,以完成对数据点的更新,同样地更新时刻的间隔也可以根据实际需求设置,比如用户对数据的实时性要求较高,那么可以将更新时刻的间隔设置的较短,如1秒钟。在实际应用中,可以通过定时器来实现每一更新时刻的触发,将定时器逻辑的触发间隔设置为1秒,每次触发时:执行一次步骤S101至步骤S103的数据点更新。在此,本领域技术人员应能理解上述关于数据周期、更新时刻的间隔以及每一更新时刻的触发的描述仅为举例,其他现有的或今后可能出现的方式如可适用于本申请,也应包含在本申请保护范围以内,并在此以引用方式包含于此。
在此,动态曲线由数据点以及连接相邻两个数据点之间的连线构成,其中每个数据点(包括第一数据点和第二数据点)表示在对应的数据周期内的数据。例如在某一应用场景中,动态曲线上的数据点用于表示某一应用程序在每个小时内新注册的用户数量,每秒钟对数据点进行一次更新,那么每个小时即为一个数据周期,如12:00:01~13:00:00、13:00:01~14:00:00、14:00:01~15:00:00等,其中动态曲线的X坐标轴和Y坐标轴可以分别表示时间和新注册的用户数量。在本实施例中,定义12:00:01~13:00:00为数据周期A、13:00:01~14:00:00为数据周期B、14:00:01~15:00:00为数据周期C,其中所述数据周期的显示位置为动态曲线的X坐标轴上的特定位置,例如数据周期A~C的显示位置可以分别设定为X坐标轴上13:00:00、14:00:00、15:00:00的位置。若当前时间为13:15:16,那么13:00:00位置的数据点表示12:00:01~13:00:00内,新注册的用户数量,由于当前时间已经经过13:00:00,那么该数据点已经不做更新,而14:00:00位置的数据点表示13:00:01至前一更新时刻(即13:15:15)内的新增用户数量,该数据点即为前述的第一数据点。假设在13:00:01至13:15:15内,已经有5000个新注册的用户,在13:15:16这一秒内又有3个新注册的用户,那么第二数据点表示新注册的用户数量即为5003。由于13:15:15和13:15:16均属于数据周期B,数据周期B的显示位置处的第一数据点(14:00:00,5000)会被清除,同时显示所述第二数据点(14:00:00,5003),由此完成了数据点的更新。
对于数据源中某一更新时刻的数据,在根据该数据生成数据点时,可以对数据进行一定程度的数据处理,例如进行筛选,以筛除一些可能不准确的数据。如在上例的应用场景中,可以对用户所用设备的物理地址进行过滤,例如用户使用同一物理地址的终端注册了5个账号,在生成数据点时,可以对根据物理地址对该五个注册信息进行过滤,仅记录一个作为新注册的用户,由此来保证数据点所表示的数据的准确性。在此,本领域技术人员应能理解上述关于数据处理的描述仅为举例,其他现有的或今后可能出现的数据处理的方式如可适用于本申请,也应包含在本申请保护范围以内,并在此以引用方式包含于此。
优选地,步骤S102中根据数据源中当前更新时刻的数据生成第二数据点的方法可以采用如图2所示的处理流程实现,具体步骤包括:
S201,根据预先配置的路径由数据源中异步获取当前更新时刻的数据;
S202,根据所述当前更新时刻的数据生成第二数据点。
其中,在所述动态曲线的图表通过网页显示场景下,异步获取可以采用AJAX(Asynchronous Javascript And XML,异步Javascript和XML技术)。所述AJAX是一种用于创建快速动态网页的技术,其通过在浏览器后台与服务器进行少量数据交换,可以在不重新加载整个网页的情况下对网页的某部分(即需要更新的数据点)进行更新,从而加快数据点更新的速度。
为了使得用户能够更加直观查看数据点的更新情况,在步骤S101中获取所述数据点中前一更新时刻的第一数据点之后,还包括对所述第一数据点进行突出显示。在此,突出显示的方式包括但不限于:放大显示、改变数据点颜色、改变数据点透明度、增加边框等。以放大显示显示为例,在步骤S101中第一数据点3A的实际显示效果如图3(a)所示,当在数据周期的显示位置清除所述第一数据点3A并显示所述第二数据点3B后,由于并未对所述第二数据点3B进行突出显示,第二数据点3B显示为正常大小,如图3(b)所示,在整个过程中通过放大以及正常显示,数据点的变化过程呈现一闪烁的效果,使得数据点更新的动态效果更加直观,便于用户查看。在此,本领域技术人员应能理解上述关于突出显示的描述仅为举例,其他现有的或今后可能出现的突出显示的方式如可适用于本申请,也应包含在本申请保护范围以内,并在此以引用方式包含于此。
由于在实际场景中也会出现所述第二数据点与所述第一数据点不属于同一数据周期的情形,因此本申请实施例还提供了一种优选动态曲线的数据点更新方法,该方法的处理流程如图4所示,具体包括:
步骤S101,在每一更新时刻,若当前显示的动态曲线存在数据点,则获取所述数据点中前一更新时刻的第一数据点;
步骤S102,根据数据源中当前更新时刻的数据生成第二数据点;
步骤S103,当所述第二数据点与所述第一数据点属于同一数据周期时,在该数据周期的显示位置清除所述第一数据点并显示所述第二数据点;
步骤S104,当所述第二数据点与所述第一数据点不属于同一数据周期时,在所述第二数据点对应的数据周期的显示位置显示所述第二数据点。
结合图1可知,该方法在根据数据源中当前更新时刻的数据生成第二数据点之后,若确定所述第二数据点与所述第一数据点不属于同一数据周期,则会在所述第二数据点对应的数据周期的显示位置显示所述第二数据点,即不对第一数据点进行更新,而是在动态曲线中新插入一个数据点。例如,当前时间为14:00:01,在更新时刻获取生成的第二数据点属于数据周期C(14:00:01~15:00:00),而前一更新时刻生成的第一数据点则数据周期B(13:00:01~14:00:00),第二数据点对应的数据周期的显示位置为X坐标轴上的15:00:00的位置,由此在当前的更新时刻,14:00:00位置处的第一数据点不会被清除,而是直接在15:00:00位置处显示第二数据点。在后续的更新时刻14:00:02至15:00:00,由于其生成的数据点均属于同一数据周期C,则会执行步骤S103所述的步骤,不再插入显示新的数据点,而是对原有的数据点进行更新显示;
若在步骤S101中获取所述数据点中前一更新时刻的第一数据点之后,对所述第一数据点进行了突出显示,相应地,所述步骤S104可以具体包括:当所述第二数据点与所述第一数据点不属于同一数据周期时,取消对所述第一数据点的突出显示,并在所述第二数据点对应的数据周期的显示位置显示所述第二数据点。仍以前述放大的突出显示方式为例,上一个数据周期的第一数据在放大后随即取消,形成闪烁效果,同时第二数据点在当前的数据周期的显示位置正常显示,使得用户能够明确获知已经进入下一数据周期,前一数据周期的数据不再更新。
进一步地,本申请实施例还提供了一种更优选的动态曲线的数据点更新方法,该方法在所述第二数据点对应的数据周期的显示位置显示所述第二数据点之前,还包括:判断是否满足清空条件,若满足清空条件,则将所述当前显示的动态曲线的起始位置作为所述第二数据点对应的数据周期的显示位置,并清除所述当前显示的动态曲线。
其中,所述清空条件可以根据实际应用中的需求来设置,例如清空条件可以是当前时间达到第二天的00:00:01,所述当前显示的动态曲线的起始位置即为第一天的00:00:01的位置,即动态曲线仅显示一天的数据,第二天开始时自动清空曲线,重新开始绘制。清空的周期可以根据实际需求设置,除前述的24小时之外,也可以设置为4小时、12小时等等。
此外,清空条件还可以是用户输入的某些特定操作,例如查看历史曲线数据的切换操作。在此种情形下,由于需要获取历史曲线数据,前述的清除所述当前显示的动态曲线,具体包括:将所述当前显示的动态曲线保存为历史动态曲线,并清除所述当前显示的动态曲线。此时,当获取到切换操作时,会根据所述切换操作清除当前显示的动态曲线,然后显示保存的历史动态曲线。所述切换操作包括但不限于:操作点在特定位置上的点击或滑动操作、通过交互界面输入的文本指令等。例如,可以在动态曲线的图表界面左侧设置一个左箭头的按钮,当用户的操作点点击该左箭头即为切换操作,点击一次即切换至前一日的动态曲线;再如,切换操作为在动态曲线的图表区域内向左滑动,滑动一次即切换至前一日的动态曲线或者根据滑动的距离切换至不同的历史动态曲线;还如,在提供的交互界面中输入历史动态曲线的编号,即可切换至对应的历史动态曲线。在此,本领域技术人员应能理解上述关于切换操作的描述仅为举例,其他现有的或今后可能出现的切换操作如可适用于本申请,也应包含在本申请保护范围以内,并在此以引用方式包含于此。
其中,将所述当前显示的动态曲线保存为历史动态曲线,包括但不限于以下方式:仅保存历史动态曲线中各个数据点的信息,或者保存各个数据点以及数据点之间的连线的信息等。若仅保存历史动态曲线中各个数据点的信息,则显示历史动态曲线的具体步骤如下:首先,根据保存的信息生成各个数据点并显示,然后根据数据点生成并显示数据点之间的连线,以展示完整的动态曲线。当然,为了保证数据点与连线可以同步显示,可以在根据保存的信息生成数据点以及连线之后,再同时显示数据点及其连线。若同时保存各个数据点以及数据点之间的连线的信息等,则仅需要获取这些信息,并根据这些信息生成并显示即可。在此,本领域技术人员应能理解上述关于保存历史动态曲线的描述仅为举例,其他现有的或今后可能出现的保存方式如可适用于本申请,也应包含在本申请保护范围以内,并在此以引用方式包含于此。
由于获取到切换操作后所显示的曲线为历史动态曲线,在达到更新时刻后无需再对当前时间的动态曲线的数据点进行更新,因此在显示所述历史动态曲线之后,暂停后续更新时刻对所述数据点进行的更新。在此,所述更新仅指对数据点在动态曲线中显示的更新,但是在数据源中不会停止数据记录。仍以前述表示某一应用程序在每个小时内新注册的用户数量的应用场景为例,假设历史动态曲线的数据以及数据源中新注册用户数量的数据保存于云端的服务器中,动态曲线通过更新设备上的浏览器显示,新注册用户数量的信息由安装有应用程序的移动终端的发送给服务器并保存于数据源中。在当前时间13:15:16时,若更新设备获取到用户输入的切换操作,更新设备会清除当前显示的动态曲线,同时根据配置的路径信息会由服务器获取保存的历史动态曲线,并在浏览器中显示该历史动态曲线。此时,安装有应用程序的移动终端仍然会向服务器发送新注册用户数量的信息,例如在13:00:01至13:15:15内,已经有5000个新注册的用户,在13:15:16至13:16:11的时间段内新注册的用户又增加了20人,数据源仍然会接收这些信息并进行保存,使得更新设备在需要更新时仍能够得到最新的数据,但是此时显示的动态曲线不会发生变化。
进一步地,当获取切换操作时,根据所述切换操作清除当前显示的动态曲线,并显示所述历史动态曲线,包括:当获取到切换操作时,根据所述切换操作将所述当前显示的动态曲线保存为第一动态曲线,并清除所述当前显示的动态曲线,显示所述历史动态曲线。而暂停后续更新时刻对所述数据点进行的更新之后,还包括:当获取到恢复操作时,根据所述恢复操作清除当前显示的所述历史动态曲线,显示所述第一动态曲线;以及恢复后续更新时刻对所述数据点进行的更新。
通过上述方式,若用户在切换至历史动态曲线之后,想要继续查看当前时间的动态曲线,可以通过恢复操作便捷地实现。与所述切换操作对应地,所述恢复操作包括但不限于:操作点在特定位置上的点击或滑动操作、通过交互界面输入的文本指令等。例如,点击右箭头的操作、在动态曲线的图表区域内向右滑动或者输入第一动态曲线的编号等。接上例,在当前时间13:16:12时,获取到用户输入的恢复操作,更新设备根据所述恢复操作清除当前显示的所述历史动态曲线,并在浏览器中显示所述第一动态曲线,同时恢复后续更新时刻对所述数据点进行的更新。由于在切换至历史动态曲线时(即13:15:16),第一动态曲线显示的数据点为13:15:15更新的数据点(14:00:00,5000),13:16:12时恢复后续更新时刻对所述数据点进行的更新。若13:16:12内又有1个新注册的用户,则该数据周期内的数据点会更新为(14:00:00,5021)。
优选地,在所述第二数据点对应的数据周期的显示位置显示所述第二数据点之后,还包括:生成并显示所述第一数据点与所述第二数据点之间的连线。在数据点更新的过程中,在达到另一个数据周期后会插入新的数据点,此时需要增加数据点之间的连线以形成完整的动态曲线。具体地,当时间达到14:00:01时,由于进入了下一个数据周期,有新的数据点插入到动态曲线下一数据周期的显示位置(即15:00:00处),此时会生成并显示14:00:00位置处的数据点与15:00:00位置处的数据点之间的连线。此外,为了保证动态曲线的实时性,两个数据点之间的连线也会随着数据点的更新而实时更新。例如,14:00:01时,14:00:00位置处的数据点已不做更新,假设其数据点坐标为(14:00:00,5350),15:00:00位置处的数据点坐标为(15:00:00,5352)。当时间又经过一秒达到14:00:02时,14:00:00位置处的数据点15:00:00位置处的数据点在该次更新后由(15:00:00,5352)更新为(15:00:00,5356),那么,(14:00:00,5350)与(15:00:00,5352)之间的连线会实时更新为(14:00:00,5350)与(15:00:00,5356)之间的连线。两个数据点之间的连线可以仅表示数据点所表示的数据之间的变化趋势,而无需表示具体数据,例如越接近两个数据点的位置,该连线的切线越接近水平,越接近两个数据点的中央位置,该连线的切线越接近垂直。
进一步地,前述的动态曲线数据点更新方法还包括:检测用户操作点的位置,当所述用户操作点与所述数据点重合时,在所述用户操作点的位置显示所述数据点对应的数据。由此,使得用户除了获知数据的变化趋势之外,还能够准确的获取数据的准确值。
图5示出了本申请实施例还提供了一种动态曲线的数据点更新方法,该方法包括:
步骤S501,获取用于生成所述动态曲线的实时组件;
步骤S502,向所述实时组件写入配置信息;
步骤S503,初始化所述实时组件,根据所述实时组件的配置信息执行前述的方法,从而完成数据点。
通过实时组件,仅需要写入少量代码,例如自定义的一些配置信息等,即可实现数据点更新的功能,由于大部分程序代码采用了模块化的形式,提高了代码的可读性和可维护性,降低了开发人员对编程知识的依赖程度,提高了开发效率。
其中,所述实时组件包括图形展示单元以及功能调用单元。在实际应用中,所述图形展示单元以及功能调用单元可以是预先的程序代码,例如采用HTML(Hyper Text MarkupLanguage,超文本标记语言)以及JavaScript(Java脚本语言),由于JavaScript可以插入到HTML页面中,并且由任意的浏览器执行,通用性较好,并且通过JavaScript编写的Highcharts图表库能够简单便捷的在HTML页面中添加交互性的图表,便于动态曲线的绘制。其中,所述配置信息包括显示参数信息和调用参数信息。在本实施例中,显示参数信息包括但不限于用于调整图表在显示样式的相关参数,例如数据点的样式、颜色、线条的颜色、样式,图表在页面中的位置等,调用参数信息包括但不限于实现功能调用时需要使用到的参数,例如数据源的相关信息、函数的控制参数等。
具体地,步骤S503包括:所述功能调用单元根据所述调用参数信息获取生成初始数据点的数据,并生成包含所述初始数据点的动态曲线,所述图形展示单元根据所述显示参数信息生成显示区域并在所述显示区域内显示所述动态曲线;以及所述图形展示单元和功能调用单元执行前述任意一种方法对所述动态曲线中数据点更新。
本实施例中,HTML部分的程序代码主要用于展现图表的外在样式,包括图表的位置、大小等,JavaScript部分的程序代码主要用于实现图表的后台功能,例如获取数据、生成Highcharts图形、调用函数等,图6示出了一张动态曲线图表的示意图,该图表对应的动态组件的程序代码如下,其中HTML部分为:
Figure BDA0000729255840000161
Figure BDA0000729255840000171
在此,“chart1”为HTML DOM(HTML Document Object Model,HTML文档对象模型)节点,展现为图6的整个区域,相当于整个图6的最外层的容器,图6中展现的其它内容均包含在区域中。"realTimeArrow"为图中内部元素的类,用于指定图6中的图表显示区域6A以及左右箭头6B、6C的部分显示效果;此外还分别单独规定了左箭头6B、右箭头6C和图表显示区域6A的类,分别为"wdm-left leftArrow-on arrow-icon"、"wdm-right rightArrowarrow-icon"以及和"Chart_area",分别对图表显示区域6A、左箭头6B、右箭头6C的部分显示效果进行了单独指定。"margin-right:25px;"表示图表显示区域6A的右边距为25个像素。"J_Chart_area"为HTMLDOM节点,用于展现Highcharts图形(即动态曲线6D),其中HTMLDOM用于提供接口,使得程序能够动态地访问和更新HTML页面的内容、结构和样式。在实际应用中,"chart1"、"realTimeArrow"、"wdm-left leftArrow-on arrow-icon"、"wdm-rightrightArrow arrow-icon"、"J_Chart_area"以及"chart-area"的无需在程序代码的其它部分单独定义,可以通过下述的JavaScript代码自动扫描并绑定。
而JavaScript调用部分的程序代码为:
Figure BDA0000729255840000172
Figure BDA0000729255840000181
在此,在变量rtConfig中,type表示曲线类型,例如hour、min等,其中hour、min分别表示X坐标轴上1小时或者5分钟显示一数据点,即前述的数据周期为1小时或者5分钟。
lineParams表示获取曲线时需要传递到浏览器后台的参数集合,其中参数集合内的参数包括日期、版本信息等等。
pointParams表示获取当前更新时刻的数据点时需要传递到后台的参数集合,其中参数集合内的参数包括日期、版本信息等等。
lineDS表示获取曲线的数据源。
pointDS表示当前更新时刻的数据点的数据源。
clickLeftCallBack表示点击左箭头获取数据后的回调函数,这里指向函数leftOneCallBack,当arrow为true时有效。
clickRightCallBack表示点击右箭头获取数据后的回调函数,这里指向函数rightOneCallBack,当arrow为true时有效。
offLeftArrow表示点击左箭头时处理函数,这里指向函数leftOne,当arrow为true时有效。
offRightArrow表示点击右箭头时处理函数,这里指向函数rightOne,当arrow为true时有效。
arrow,可以是true或者false时,当true时表示前述左箭头或右箭头可以点击,并调用相关函数。
向所述实时组件写入的配置信息(config)包括但不限于曲线类型type、曲线的颜色、线宽和数据点的颜色、大小、前述的lineParams、pointParams、lineDS、pointDS、JavaScript的相关处理函数、坐标轴的颜色、点形状等信息。
图7示出了所述实时组件的初始化流程,包括以下步骤:
步骤S701,根据实时组件的config中的type加载对应的曲线类型配置(profile),例如加载的type为hour。config是实时组件的配置,指定了相关的配置信息,用于在初始化实时组件时使用。profile是实时组件的具体实例,在每次初始化时将config中的相关属性信息写入profile。
步骤S702,用config中的相关属性覆盖当前profile中的对应属性,其中相关属性可以包括曲线的颜色、线宽和数据点的颜色、大小等。
步骤S703,调用initLine方法初始化数据。其中,所述initLine方法包括:如果当前的HTML页面中已经存在图表(例如前述方法提及的第一动态曲线、历史动态曲线等),则会清空图表,然后根据当前实例的相关属性(如坐标轴的配置信息,包括颜色、点形状),初始化图表对象,再根据config中的lineDS、lineParams异步获取对应的曲线数据,然后根据数据绘制曲线。在实际应用中,当用户点击左箭头获取前一天的历史动态曲线时,由于目前所显示的时当日的动态曲线,此时会清空当日的动态曲线,获取历史动态曲线的数据并显示所述历史动态曲线。
步骤S704,调用当前openTimer方法更新数据点。所述openTimer方法的触发通过定时器实现,将定时器逻辑的触发间隔设置为1秒,每次触发时:判断定时器是否为空,如果定时器不为空,则清空定时器,同时新建定时器,执行一次图1或图4所示的数据点更新的处理步骤。
步骤S705,确定是否开启箭头,即使得左右箭头是否可点击,如果开启,则执行步骤S706,如果不开启,则完成实时组件的初始化。
步骤S706,为箭头添加监听程序,使得点击点头时能够触发相关处理逻辑。
图8示出了箭头的监听程序的监听流程,包括以下步骤:
步骤S801,获取到点击操作;
步骤S802,判断箭头是否处于不可点击的状态,若为是,则结束监听流程;若为否,执行步骤S803;
步骤S803,调用函数clickLeftCallBack或者clickRightCallBack,进行处理。在本申请实施例中,clickLeftCallBack函数可以实现前述切换操作的功能,即用于向前翻页,显示历史动态曲线,而clickRightCallBack则可以实现恢复操作的功能,向后翻页直至返回显示当日的动态曲线。
步骤S804,调用函数offLeftArrow或者offRightArrow,进行处理。若当前arrow的值为true,则调用上述两个函数的作用为点击左(或右)箭头后将其置为不可点击的状态,若arrow的值为false,点击左(或右)箭头后将其置为可点击的状态。
步骤S805,调用initLine方法初始化数据。由于在使用clickLeftCallBack或者clickRightCallBack函数后,需要清除并显示曲线,通过initLine方法即可实现曲线的切换。
步骤S806,若点击的是左箭头,则调用closeTimer方法,若点击的是右箭头,则需要判断offRightArrow函数处理后,右箭头还是否可点击,若可点击,则调用closeTimer方法,若不可点击,则调用openTimer方法。其中,openTimer方法用于更新数据点,在实时组件的初始化流程中已经说明,此处不再赘述,closeTimer方法则用于清除定时器,即停止更新数据点,以减少数据处理量,降低处理负荷。
图9示出了本申请实施例提供的一种动态曲线的数据点更新设备1的结构示意图,该设备1具体包括第一装置910、第二装置920和第三装置930。具体地,第一装置910在每一更新时刻,若当前显示的动态曲线存在数据点,则获取所述数据点中前一更新时刻的第一数据点;第二装置920根据数据源中当前更新时刻的数据生成第二数据点;第三装置930在所述第二数据点与所述第一数据点属于同一数据周期时,在该数据周期的显示位置清除所述第一数据点并显示所述第二数据点。
在此,本领域技术人员应能理解,所述第一数据点及第二数据点分别用来指代动态曲线更新过程中各阶段特定的数据点。例如,所述第一数据点为前一更新时刻更新显示的数据点,所述第二数据点为当前更新时刻生成、并即将更新显示的数据点。在下一更新时刻,本次更新时的第二数据点即成为下次更新时的第一数据点。
在此,设备1包括但不限于网络设备、触控终端或网络设备与触控终端通过网络相集成所构成的设备。在此,所述网络设备包括但不限于如网络主机、单个网络服务器、多个网络服务器集或基于云计算的计算机集合等实现;或者由用户设备实现。在此,云由基于云计算(Cloud Computing)的大量主机或网络服务器构成,其中,云计算是分布式计算的一种,由一群松散耦合的计算机集组成的一个超级虚拟计算机。优选地,设备1还可以是运行于网络设备或触控终端上的软件程序。在此,所述触控终端是一种任何可通过触屏进行人机交互的电子产品,如智能手机、PDA、便携式游戏机、掌上电脑PPC、便携式设备或平板电脑等;其中,触屏(Touch Screen),包括电容式触摸屏。本领域技术人员应能理解上述设备1和触控终端仅为举例,其他现有的或今后可能出现的设备1或触控终端如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
在本申请提供的技术方案会获取曲线上最近一个更新时刻更新的数据点,然后将当前更新时刻生成的数据点进行比较,如果两个数据点属于同一数据周期,则会将新生成的数据点替换原来的数据点,从而实现数据点在一个数据周期内不断进行更新,由此提供一种区别于现有动态曲线的数据展现方式,可以更加直观的展现例如某一数据在一定周期内的累积量等信息。
在本实施例中,所述数据周期可以根据实际的需求设置不同的时长,例如设置为一个小时、十五分钟等。每个数据周期内存在多个更新时刻,每当处于更新时刻,第一装置910、第二装置920和第三装置930均会进行一次处理,以完成对数据点的更新,同样地更新时刻的间隔也可以根据实际需求设置,比如用户对数据的实时性要求较高,那么可以将更新时刻的间隔设置的较短,如1秒钟。在实际应用中,可以通过定时器来实现每一更新时刻的触发,将定时器逻辑的触发间隔设置为1秒,每次触发时:判断定时器是否为空,如果定时器不为空,则清空定时器,同时新建定时器,由第一装置910、第二装置920和第三装置930执行一次数据点更新。在此,本领域技术人员应能理解上述关于数据周期、更新时刻的间隔以及每一更新时刻的触发的描述仅为举例,其他现有的或今后可能出现的方式如可适用于本申请,也应包含在本申请保护范围以内,并在此以引用方式包含于此。
在此,动态曲线由数据点以及连接相邻两个数据点之间的连线构成,其中每个数据点(包括第一数据点和第二数据点)表示在对应的数据周期内的数据。例如在某一应用场景中,动态曲线上的数据点用于表示某一应用程序在每个小时内新注册的用户数量,每秒钟对数据点进行一次更新,那么每个小时即为一个数据周期,如12:00:01~13:00:00、13:00:01~14:00:00、14:00:01~15:00:00等,其中动态曲线的X坐标轴和Y坐标轴可以分别表示时间和新注册的用户数量。在本实施例中,定义12:00:01~13:00:00为数据周期A、13:00:01~14:00:00为数据周期B、14:00:01~15:00:00为数据周期C,其中所述数据周期的显示位置为动态曲线的X坐标轴上的特定位置,例如数据周期A~C的显示位置可以分别设定为X坐标轴上13:00:00、14:00:00、15:00:00的位置。若当前时间为13:15:16,那么13:00:00位置的数据点表示12:00:01~13:00:00内,新注册的用户数量,由于当前时间已经经过13:00:00,那么该数据点已经不做更新,而14:00:00位置的数据点表示13:00:01至前一更新时刻(即13:15:15)内的新增用户数量,该数据点即为前述的第一数据点。假设在13:00:01至13:15:15内,已经有5000个新注册的用户,在13:15:16这一秒内又有3个新注册的用户,那么第二数据点表示新注册的用户数量即为5003。由于13:15:15和13:15:16均属于数据周期B,数据周期B的显示位置处的第一数据点(14:00:00,5000)会被清除,同时显示所述第二数据点(14:00:00,5003),由此完成了数据点的更新。
对于数据源中某一更新时刻的数据,在根据该数据生成数据点时,可以对数据进行一定程度的数据处理,例如进行筛选,以筛除一些可能不准确的数据。如在上例的应用场景中,可以对用户所用设备的物理地址进行过滤,例如用户使用同一物理地址的终端注册了5个账号,在生成数据点时,可以对根据物理地址对该五个注册信息进行过滤,仅记录一个作为新注册的用户,由此来保证数据点所表示的数据的准确性。在此,本领域技术人员应能理解上述关于数据处理的描述仅为举例,其他现有的或今后可能出现的数据处理的方式如可适用于本申请,也应包含在本申请保护范围以内,并在此以引用方式包含于此。
优选地,所述第二装置920的具体结构如图10所示,包括第二一模块921和第二二模块922。具体地,第二一模块921根据预先配置的路径由数据源中异步获取当前更新时刻的数据;第二二模块922根据所述当前更新时刻的数据生成第二数据点。
其中,在所述动态曲线的图表通过网页显示场景下,异步获取可以采用AJAX(Asynchronous Javascript And XML,异步Javascript和XML技术)。所述AJAX是一种用于创建快速动态网页的技术,其通过在浏览器后台与服务器进行少量数据交换,可以在不重新加载整个网页的情况下对网页的某部分(即需要更新的数据点)进行更新,从而加快数据点更新的速度。
为了使得用户能够更加直观查看数据点的更新情况,所述第一装置910还用于:在获取所述数据点中前一更新时刻的第一数据点之后,对所述第一数据点进行突出显示。在此,突出显示的方式包括但不限于:放大显示、改变数据点颜色、改变数据点透明度、增加边框等。以放大显示显示为例,第一装置处理获得的第一数据点3A的实际显示效果如图3(a)所示,当在数据周期的显示位置清除所述第一数据点3A并显示所述第二数据点3B后,由于并未对所述第二数据点3B进行突出显示,第二数据点3B显示为正常大小,如图3(b)所示,在整个过程中通过放大以及正常显示,数据点的变化过程呈现一闪烁的效果,使得数据点更新的动态效果更加直观,便于用户查看。在此,本领域技术人员应能理解上述关于突出显示的描述仅为举例,其他现有的或今后可能出现的突出显示的方式如可适用于本申请,也应包含在本申请保护范围以内,并在此以引用方式包含于此。
由于在实际场景中也会出现所述第二数据点与所述第一数据点不属于同一数据周期的情形,因此本申请实施例还提供了一种优选动态曲线的数据点更新设备,该设备的结构如图11所示,除如图9所示第一装置910、第二装置920和第三装置930之外,还包括第四装置940。具体地,所述第四装置940在所述第二数据点与所述第一数据点不属于同一数据周期时,在所述第二数据点对应的数据周期的显示位置显示所述第二数据点。在此,本领域技术人员应当理解,第一装置910、第二装置920和第三装置930分别与图9实施例中对应装置的内容相同或基本相同,为简明起见,故在此不再赘述,并以引用的方式包含于此。
该方法在根据数据源中当前更新时刻的数据生成第二数据点之后,若确定所述第二数据点与所述第一数据点不属于同一数据周期,则会在所述第二数据点对应的数据周期的显示位置显示所述第二数据点,即不对第一数据点进行更新,而是在动态曲线中新插入一个数据点。例如,当前时间为14:00:01,在更新时刻获取生成的第二数据点属于数据周期C(14:00:01~15:00:00),而前一更新时刻生成的第一数据点则数据周期B(13:00:01~14:00:00),第二数据点对应的数据周期的显示位置为X坐标轴上的15:00:00的位置,由此在当前的更新时刻,14:00:00位置处的第一数据点不会被清除,而是直接在15:00:00位置处显示第二数据点。在后续的更新时刻14:00:02至15:00:00,由于其生成的数据点均属于同一数据周期C,则会执行步骤S103所述的步骤,不再插入显示新的数据点,而是对原有的数据点进行更新显示;
若第一装置910获取所述数据点中前一更新时刻的第一数据点之后,对所述第一数据点进行了突出显示,相应地,所述第四装置940具体用于:当所述第二数据点与所述第一数据点不属于同一数据周期时,取消对所述第一数据点的突出显示,并在所述第二数据点对应的数据周期的显示位置显示所述第二数据点。仍以前述放大的突出显示方式为例,上一个数据周期的第一数据在放大后随即取消,形成闪烁效果,同时第二数据点在当前的数据周期的显示位置正常显示,使得用户能够明确获知已经进入下一数据周期,前一数据周期的数据不再更新。
进一步地,本申请实施例还提供了一种更优选的动态曲线的数据点更新设备,该设备的结构如图12所示,除图11示出的第一装置910、第二装置920、第三装置930和第四装置940之外,还包括第五装置950。具体地,所述第五装置950在所述第二数据点对应的数据周期的显示位置显示所述第二数据点之前,判断是否满足清空条件,若满足清空条件,则将所述当前显示的动态曲线的起始位置作为所述第二数据点对应的数据周期的显示位置,并清除所述当前显示的动态曲线。在此,本领域技术人员应当理解,第一装置910、第二装置920、第三装置930和第四装置940分别与图11实施例中对应装置的内容相同或基本相同,为简明起见,故在此不再赘述,并以引用的方式包含于此。
其中,所述清空条件可以根据实际应用中的需求来设置,例如清空条件可以是当前时间达到第二天的00:00:01,所述当前显示的动态曲线的起始位置即为第一天的00:00:01的位置,即动态曲线仅显示一天的数据,第二天开始时自动清空曲线,重新开始绘制。清空的周期可以根据实际需求设置,除前述的24小时之外,也可以设置为4小时、12小时等等。
此外,清空条件还可以是用户输入的某些特定操作,例如查看历史曲线数据的切换操作。在此种情形下,由于需要获取历史曲线数据,前述的清除所述当前显示的动态曲线,具体包括:将所述当前显示的动态曲线保存为历史动态曲线,并清除所述当前显示的动态曲线。
由此,申请实施例还提供了另一种优选的动态曲线的数据点更新设备,该设备的结构如图13所示,除图12示出的第一装置910、第二装置920、第三装置930、第四装置940和第五装置950之外,还包括第六装置960。具体地,所述第六装置960包括第六一模块961和第六二模块962,其中第六一模块961在将所述当前显示的动态曲线保存为历史动态曲线,并清除所述当前显示的动态曲线之后,当获取切换操作时,根据所述切换操作清除当前显示的动态曲线,显示所述历史动态曲线;第六二模块962暂停后续更新时刻对所述数据点进行的更新。
在此,所述切换操作包括但不限于:操作点在特定位置上的点击或滑动操作、通过交互界面输入的文本指令等。例如,可以在动态曲线的图表界面左侧设置一个左箭头的按钮,当用户的操作点点击该左箭头即为切换操作,点击一次即切换至前一日的动态曲线;再如,切换操作为在动态曲线的图表区域内向左滑动,滑动一次即切换至前一日的动态曲线或者根据滑动的距离切换至不同的历史动态曲线;还如,在提供的交互界面中输入历史动态曲线的编号,即可切换至对应的历史动态曲线。在此,本领域技术人员应能理解上述关于切换操作的描述仅为举例,其他现有的或今后可能出现的切换操作如可适用于本申请,也应包含在本申请保护范围以内,并在此以引用方式包含于此。
其中,将所述当前显示的动态曲线保存为历史动态曲线,包括但不限于以下方式:仅保存历史动态曲线中各个数据点的信息,或者保存各个数据点以及数据点之间的连线的信息等。若仅保存历史动态曲线中各个数据点的信息,则显示历史动态曲线的具体步骤如下:首先,根据保存的信息生成各个数据点并显示,然后根据数据点生成并显示数据点之间的连线,以展示完整的动态曲线。当然,为了保证数据点与连线可以同步显示,可以在根据保存的信息生成数据点以及连线之后,再同时显示数据点及其连线。若同时保存各个数据点以及数据点之间的连线的信息等,则仅需要获取这些信息,并根据这些信息生成并显示即可。在此,本领域技术人员应能理解上述关于保存历史动态曲线的描述仅为举例,其他现有的或今后可能出现的保存方式如可适用于本申请,也应包含在本申请保护范围以内,并在此以引用方式包含于此。
由于获取到切换操作后所显示的曲线为历史动态曲线,在达到更新时刻后无需再对当前时间的动态曲线的数据点进行更新,因此在显示所述历史动态曲线之后,暂停后续更新时刻对所述数据点进行的更新。在此,所述更新仅指对数据点在动态曲线中显示的更新,但是在数据源中不会停止数据记录。仍以前述表示某一应用程序在每个小时内新注册的用户数量的应用场景为例,假设历史动态曲线的数据以及数据源中新注册用户数量的数据保存于云端的服务器中,动态曲线通过更新设备上的浏览器显示,新注册用户数量的信息由安装有应用程序的移动终端的发送给服务器并保存于数据源中。在当前时间13:15:16时,若更新设备获取到用户输入的切换操作,更新设备会清除当前显示的动态曲线,同时根据配置的路径信息会由服务器获取保存的历史动态曲线,并在浏览器中显示该历史动态曲线。此时,安装有应用程序的移动终端仍然会向服务器发送新注册用户数量的信息,例如在13:00:01至13:15:15内,已经有5000个新注册的用户,在13:15:16至13:16:11的时间段内新注册的用户又增加了20人,数据源仍然会接收这些信息并进行保存,使得更新设备在需要更新时仍能够得到最新的数据,但是此时显示的动态曲线不会发生变化。
优选地,所述第六装置还包括第六三模块963和第六四模块964,其具体结构如图14所示。结合图13,所述第六一模块961在将所述当前显示的动态曲线保存为历史动态曲线,并清除所述当前显示的动态曲线之后,当获取切换操作时,根据所述切换操作将所述当前显示的动态曲线保存为第一动态曲线,并清除所述当前显示的动态曲线,显示所述历史动态曲线。而第六三模块963在暂停后续更新时刻对所述数据点进行的更新之后,当获取到恢复操作时,根据所述恢复操作清除当前显示的所述历史动态曲线,显示所述第一动态曲线;第六四模块964恢复后续更新时刻对所述数据点进行的更新。
通过上述方式,若用户在切换至历史动态曲线之后,想要继续查看当前时间的动态曲线,可以通过恢复操作便捷地实现。与所述切换操作对应地,所述恢复操作包括但不限于:操作点在特定位置上的点击或滑动操作、通过交互界面输入的文本指令等。例如,点击右箭头的操作、在动态曲线的图表区域内向右滑动或者输入第一动态曲线的编号等。接上例,在当前时间13:16:12时,获取到用户输入的恢复操作,更新设备根据所述恢复操作清除当前显示的所述历史动态曲线,并在浏览器中显示所述第一动态曲线,同时恢复后续更新时刻对所述数据点进行的更新。由于在切换至历史动态曲线时(即13:15:16),第一动态曲线显示的数据点为13:15:15更新的数据点(14:00:00,5000),13:16:12时恢复后续更新时刻对所述数据点进行的更新。若13:16:12内又有1个新注册的用户,则该数据周期内的数据点会更新为(14:00:00,5021)。
优选地,本申请实施例还提供了一种更优选的动态曲线的数据点更新设备,该设备的结构如图15所示,除图11示出的第一装置910、第二装置920、第三装置930和第四装置940之外,还包括第七装置970。具体地,所述第七装置970在所述第二数据点对应的数据周期的显示位置显示所述第二数据点之后,生成并显示所述第一数据点与所述第二数据点之间的连线。在此,本领域技术人员应当理解,第一装置910、第二装置920、第三装置930和第四装置940分别与图10实施例中对应装置的内容相同或基本相同,为简明起见,故在此不再赘述,并以引用的方式包含于此。当然,除第一装置910、第二装置920、第三装置930和第四装置940之外,该设备还可以包含前述的第五装置和/或第六装置。
具体地,当时间达到14:00:01时,由于进入了下一个数据周期,有新的数据点插入到动态曲线下一数据周期的显示位置(即15:00:00处),此时会生成并显示14:00:00位置处的数据点与15:00:00位置处的数据点之间的连线。此外,为了保证动态曲线的实时性,两个数据点之间的连线也会随着数据点的更新而实时更新。例如,14:00:01时,14:00:00位置处的数据点已不做更新,假设其数据点坐标为(14:00:00,5350),15:00:00位置处的数据点坐标为(15:00:00,5352)。当时间又经过一秒达到14:00:02时,14:00:00位置处的数据点15:00:00位置处的数据点在该次更新后由(15:00:00,5352)更新为(15:00:00,5356),那么,(14:00:00,5350)与(15:00:00,5352)之间的连线会实时更新为(14:00:00,5350)与(15:00:00,5356)之间的连线。两个数据点之间的连线可以仅表示数据点所表示的数据之间的变化趋势,而无需表示具体数据,例如越接近两个数据点的位置,该连线的切线越接近水平,越接近两个数据点的中央位置,该连线的切线越接近垂直。
进一步地,本申请还提供了另一种更优动态曲线数据点更新设备,该设备的结构如图16所示,除如图9所示第一装置910、第二装置920和第三装置930之外,还包括第八装置980。具体地,所述第四装置940检测用户操作点的位置,当所述用户操作点与所述数据点重合时,在所述用户操作点的位置显示所述数据点对应的数据。由此,使得用户除了获知数据的变化趋势之外,还能够准确的获取数据的准确值。在此,本领域技术人员应当理解,第一装置910、第二装置920和第三装置930分别与图9实施例中对应装置的内容相同或基本相同,为简明起见,故在此不再赘述,并以引用的方式包含于此。当然,除第一装置910、第二装置920和第三装置930之外,该设备还可以包含前述的第四装置、第五装置、第六装置和第七装置中的任意一个或多个。
图17示出了本申请实施例还提供了一种动态曲线的数据点更新设备,该设备包括第九装置1710、第十装置1720和第十一装置1730。具体地,第九装置1710获取用于生成所述动态曲线的实时组件;第十装置1720向所述实时组件写入配置信息;第十一装置1730初始化所述实时组件,根据所述实时组件的配置信息控制前述的设备的运行,从而完成数据点。
通过实时组件,仅需要写入少量代码,例如自定义的一些配置信息等,即可实现数据点更新的功能,由于大部分程序代码采用了模块化的形式,提高了代码的可读性和可维护性,降低了开发人员对编程知识的依赖程度,提高了开发效率。
其中,所述实时组件包括图形展示单元以及功能调用单元。在实际应用中,所述图形展示单元以及功能调用单元可以是预先的程序代码,例如采用HTML(Hyper Text MarkupLanguage,超文本标记语言)以及JavaScript(Java脚本语言),由于JavaScript可以插入到HTML页面中,并且由任意的浏览器执行,通用性较好,并且通过JavaScript编写的Highcharts图表库能够简单便捷的在HTML页面中添加交互性的图表,便于动态曲线的绘制。其中,所述配置信息包括显示参数信息和调用参数信息。在本实施例中,显示参数信息包括但不限于用于调整图表在显示样式的相关参数,例如数据点的样式、颜色、线条的颜色、样式,图表在页面中的位置等,调用参数信息包括但不限于实现功能调用时需要使用到的参数,例如数据源的相关信息、函数的控制参数等。
具体地,所述第十一装置1730指示所述功能调用单元根据所述调用参数信息获取生成初始数据点的数据,并生成包含所述初始数据点的动态曲线,指示所述图形展示单元根据所述显示参数信息生成显示区域并在所述显示区域内显示所述动态曲线;并且指示所述图形展示单元和功能调用单元控制前述任意一种设备进行对所述动态曲线中数据点的更新。
本实施例中HTML部分的程序代码主要用于展现图表的外在样式,包括图表的位置、大小等,JavaScript部分的程序代码主要用于实现图表的后台功能,例如获取数据、生成Highcharts图形、调用函数等,图6示出了一张动态曲线图表的示意图,该图表对应的动态组件的程序代码如下,其中HTML部分为:
Figure BDA0000729255840000301
在此,“chart1”为HTML DOM(HTML Document Object Model,HTML文档对象模型)节点,展现为图6的整个区域,相当于整个图6的最外层的容器,图中展现的其它内容均包含在区域中。"realTimeArrow"为图中内部元素的类,用于指定图6中的图表显示区域6A以及左右箭头6B、6C的部分显示效果;此外还分别单独规定了左箭头6B、右箭头6C和图表显示区域6A的类,分别为"wdm-left leftArrow-on arrow-icon"、"wdm-right rightArrowarrow-icon"以及和"Chart_area",分别对图表显示区域6A、左箭头6B、右箭头6C的部分显示效果进行了单独指定。"margin-right:25px;"表示图表显示区域6A的右边距为25个像素。"J_Chart_area"为HTML DOM节点,用于展现Highcharts图形(即动态曲线6D),其中HTMLDOM用于提供接口,使得程序能够动态地访问和更新HTML页面的内容、结构和样式。在实际应用中,"chart1"、"realTimeArrow"、"wdm-left leftArrow-on arrow-icon"、"wdm-rightrightArrow arrow-icon"、"J_Chart_area"以及"chart-area"的无需在程序代码的其它部分单独定义,可以通过下述的JavaScript代码自动扫描并绑定。
而JavaScript调用部分的程序代码为:
在此,在变量rtConfig中,type表示曲线类型,例如hour、min等,其中hour、min分别表示X坐标轴上1小时或者5分钟显示一数据点,即前述的数据周期为1小时或者5分钟。
lineParams表示获取曲线时需要传递到浏览器后台的参数集合,其中参数集合内的参数包括日期、版本信息等等。
pointParams表示获取当前更新时刻的数据点时需要传递到后台的参数集合,其中参数集合内的参数包括日期、版本信息等等。
lineDS表示获取曲线的数据源。
pointDS表示当前更新时刻的数据点的数据源。
clickLeftCallBack表示点击左箭头获取数据后的回调函数,这里指向函数leftOneCallBack,当arrow为true时有效。
clickRightCallBack表示点击右箭头获取数据后的回调函数,这里指向函数rightOneCallBack,当arrow为true时有效。
offLeftArrow表示点击左箭头时处理函数,这里指向函数leftOne,当arrow为true时有效。
offRightArrow表示点击右箭头时处理函数,这里指向函数rightOne,当arrow为true时有效。
arrow,可以是true或者false时,当true时表示前述左箭头或右箭头可以点击,并调用相关函数。
向所述实时组件写入的配置信息(config)包括但不限于曲线类型type、曲线的颜色、线宽和数据点的颜色、大小、前述的lineParams、pointParams、lineDS、pointDS、JavaScript的相关处理函数、坐标轴的颜色、点形状等信息。
图7示出了所述实时组件的初始化流程,包括以下步骤:
步骤S701,根据实时组件的config中的type加载对应的曲线类型配置(profile),例如加载的type为hour。config是实时组件的配置,指定了相关的配置信息,用于在初始化实时组件时使用。profile是实时组件的具体实例,在每次初始化时将config中的相关属性信息写入profile。
步骤S702,用config中的相关属性覆盖当前profile中的对应属性,其中相关属性可以包括曲线的颜色、线宽和数据点的颜色、大小、等。
步骤S703,调用initLine方法初始化数据。其中,所述initLine方法包括:如果当前的HTML页面中已经存在图表(例如前述方法提及的第一动态曲线、历史动态曲线等),则会清空图表,然后根据当前实例的相关属性(如坐标轴的配置信息,包括颜色、点形状),初始化图表对象,再根据config中的lineDS、lineParams异步获取对应的曲线数据,然后根据数据绘制曲线。在实际应用中,当用户点击左箭头获取前一天的历史动态曲线时,由于目前所显示的时当日的动态曲线,此时会清空当日的动态曲线,获取历史动态曲线的数据并显示所述历史动态曲线。
步骤S704,调用当前openTimer方法更新数据点。所述openTimer方法的触发通过定时器实现,将定时器逻辑的触发间隔设置为1秒,每次触发时:判断定时器是否为空,如果定时器不为空,则清空定时器,同时新建定时器,执行一次图1或图4所示的数据点更新的处理步骤。
步骤S705,确定是否开启箭头,即使得左右箭头是否可点击,如果开启,则执行步骤S706,如果不开启,则完成实时组件的初始化。
步骤S706,为箭头添加监听程序,使得点击点头时能够触发相关处理逻辑。
图8示出了箭头的监听程序的监听流程,包括以下步骤:
步骤S801,获取到点击操作;
步骤S802,判断箭头是否处于不可点击的状态,若为是,则结束监听流程;若为否,执行步骤S803;
步骤S803,调用函数clickLeftCallBack或者clickRightCallBack,进行处理。在本申请实施例中,clickLeftCallBack函数可以实现前述切换操作的功能,即用于向前翻页,显示历史动态曲线,而clickRightCallBack则可以实现恢复操作的功能,向后翻页直至返回显示当日的动态曲线。
步骤S804,调用函数offLeftArrow或者offRightArrow,进行处理。若当前arrow的值为true,则调用上述两个函数的作用为点击左(或右)箭头后将其置为不可点击的状态,若arrow的值为false,点击左(或右)箭头后将其置为可点击的状态。
步骤S805,调用initLine方法初始化数据。由于在使用clickLeftCallBack或者clickRightCallBack函数后,需要清除并显示曲线,通过initLine方法即可实现曲线的切换。
步骤S806,若点击的是左箭头,则调用closeTimer方法,若点击的是右箭头,则需要判断offRightArrow函数处理后,右箭头还是否可点击,若可点击,则调用closeTimer方法,若不可点击,则调用openTimer方法。其中,openTimer方法用于更新数据点,在实时组件的初始化流程中已经说明,此处不再赘述,closeTimer方法则用于清除定时器,即停止更新数据点,以减少数据处理量,降低处理负荷。
综上所述,在本申请提供的技术方案能够获取曲线上最近一个更新时刻的数据点,然后与当前更新时刻生成的数据点进行比较,若属于同一数据周期,则会将新生成的数据点替换原来的数据点,从而实现数据点在一个数据周期内不断进行更新显示,可以更加直观的展现例如某一数据在一定周期内的累积量等信息。此外,本申请提供的另一方案中,通过实时组件仅需要写入少量代码,例如自定义的一些配置信息等,即可实现数据点更新的功能,由于大部分程序代码采用了模块化的形式,提高了代码的可读性和可维护性,降低了开发人员对编程知识的依赖程度,提高了开发效率。
需要注意的是,本申请可在软件和/或软件与硬件的组合体中被实施,例如,可采用专用集成电路(ASIC)、通用目的计算机或任何其他类似硬件设备来实现。在一个实施例中,本申请的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地,本申请的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中,例如,RAM存储器,磁或光驱动器或软磁盘及类似设备。另外,本申请的一些步骤或功能可采用硬件来实现,例如,作为与处理器配合从而执行各个步骤或功能的电路。
另外,本申请的一部分可被应用为计算机程序产品,例如计算机程序指令,当其被计算机执行时,通过该计算机的操作,可以调用或提供根据本申请的方法和/或技术方案。而调用本申请的方法的程序指令,可能被存储在固定的或可移动的记录介质中,和/或通过广播或其他信号承载媒体中的数据流而被传输,和/或被存储在根据所述程序指令运行的计算机设备的工作存储器中。在此,根据本申请的一个实施例包括一个装置,该装置包括用于存储计算机程序指令的存储器和用于执行程序指令的处理器,其中,当该计算机程序指令被该处理器执行时,触发该装置运行基于前述根据本申请的多个实施例的方法和/或技术方案。
对于本领域技术人员而言,显然本申请不限于上述示范性实施例的细节,而且在不背离本申请的精神或基本特征的情况下,能够以其他的具体形式实现本申请。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本申请的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本申请内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。装置权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一,第二等词语用来表示名称,而并不表示任何特定的顺序。

Claims (24)

1.一种动态曲线的数据点更新方法,其中,所述方法包括:
在每一更新时刻,若当前显示的动态曲线存在数据点,则获取所述数据点中前一更新时刻的第一数据点;
根据数据源中当前更新时刻的数据生成第二数据点;
当所述第二数据点与所述第一数据点属于同一数据周期时,在该数据周期的显示位置清除所述第一数据点并显示所述第二数据点;
在所述第二数据点对应的数据周期的显示位置显示所述第二数据点之前,还包括:
判断是否满足清空条件,若满足清空条件,则将所述当前显示的动态曲线的起始位置作为所述第二数据点对应的数据周期的显示位置,并清除所述当前显示的动态曲线。
2.根据权利要求1所述的方法,其中,根据数据源中当前更新时刻的数据生成第二数据点,包括:
根据预先配置的路径由数据源中异步获取当前更新时刻的数据;
根据所述当前更新时刻的数据生成第二数据点。
3.根据权利要求1所述的方法,其中,获取所述数据点中前一更新时刻的第一数据点之后,还包括:
对所述第一数据点进行突出显示。
4.根据权利要求1所述的方法,其中,根据数据源中当前更新时刻的数据生成第二数据点之后,还包括:
当所述第二数据点与所述第一数据点不属于同一数据周期时,在所述第二数据点对应的数据周期的显示位置显示所述第二数据点。
5.根据权利要求3所述的方法,其中,根据数据源中当前更新时刻的数据生成第二数据点之后,还包括:
当所述第二数据点与所述第一数据点不属于同一数据周期时,取消对所述第一数据点的突出显示,并在所述第二数据点对应的数据周期的显示位置显示所述第二数据点。
6.根据权利要求1所述的方法,其中,所述清除所述当前显示的动态曲线,包括:
将所述当前显示的动态曲线保存为历史动态曲线,并清除所述当前显示的动态曲线;
将所述当前显示的动态曲线保存为历史动态曲线,并清除所述当前显示的动态曲线之后,还包括:
当获取切换操作时,根据所述切换操作清除当前显示的动态曲线,显示所述历史动态曲线;
暂停后续更新时刻对所述数据点进行的更新。
7.根据权利要求6所述的方法,其中,当获取切换操作时,根据所述切换操作清除当前显示的动态曲线,并显示所述历史动态曲线,包括:
当获取到切换操作时,根据所述切换操作将所述当前显示的动态曲线保存为第一动态曲线,并清除所述当前显示的动态曲线,显示所述历史动态曲线;
暂停后续更新时刻对所述数据点进行的更新之后,还包括:
当获取到恢复操作时,根据所述恢复操作清除当前显示的所述历史动态曲线,显示所述第一动态曲线;
恢复后续更新时刻对所述数据点进行的更新。
8.根据权利要求4或5所述的方法,其中,在所述第二数据点对应的数据周期的显示位置显示所述第二数据点之后,还包括:
生成并显示所述第一数据点与所述第二数据点之间的连线。
9.根据权利要求1所述的方法,其中,所述方法还包括:
检测用户操作点的位置,当所述用户操作点与所述数据点重合时,在所述用户操作点的位置显示所述数据点对应的数据。
10.一种动态曲线的数据点更新方法,其中,该方法包括:
获取用于生成所述动态曲线的实时组件;
向所述实时组件写入配置信息;
初始化所述实时组件,根据所述实时组件的配置信息执行如权利要求1至9中任一项所述的方法。
11.根据权利要求10所述的方法,其中,所述实时组件包括图形展示单元以及功能调用单元;
初始化所述实时组件,根据所述实时组件的配置信息执行如权利要求1至9中任一项所述的方法,包括:
根据配置信息由功能调用单元获取生成初始数据点的数据,并生成包含所述初始数据点的动态曲线,所述图形展示单元生成显示区域并在所述显示区域内显示所述动态曲线;
所述图形展示单元和功能调用单元执行如权利要求1至9中任一项所述的方法对所述动态曲线中数据点更新。
12.根据权利要求11所述的方法,其中,所述配置信息包括显示参数信息和调用参数信息;
根据配置信息由功能调用单元获取生成初始数据点的数据,并生成包含所述初始数据点的动态曲线,由所述图形展示单元生成显示区域并在所述显示区域内显示所述动态曲线包括:
所述功能调用单元根据所述调用参数信息获取生成初始数据点的数据,并生成包含所述初始数据点的动态曲线,所述图形展示单元根据所述显示参数信息生成显示区域并在所述显示区域内显示所述动态曲线。
13.一种动态曲线的数据点更新设备,其中,所述设备包括:
第一装置,用于在每一更新时刻,若当前显示的动态曲线存在数据点,则获取所述数据点中前一更新时刻的第一数据点;
第二装置,用于根据数据源中当前更新时刻的数据生成第二数据点;
第三装置,用于当所述第二数据点与所述第一数据点属于同一数据周期时,在该数据周期的显示位置清除所述第一数据点并显示所述第二数据点;
第五装置,用于在所述第二数据点对应的数据周期的显示位置显示所述第二数据点之前,判断是否满足清空条件,若满足清空条件,则将所述当前显示的动态曲线的起始位置作为所述第二数据点对应的数据周期的显示位置,并清除所述当前显示的动态曲线。
14.根据权利要求13所述的设备,其中,所述第二装置包括:
第二一模块,用于根据预先配置的路径由数据源中异步获取当前更新时刻的数据;
第二二模块,用于根据所述当前更新时刻的数据生成第二数据点。
15.根据权利要求13所述的设备,其中,所述第一装置还用于:
在获取所述数据点中前一更新时刻的第一数据点之后,对所述第一数据点进行突出显示。
16.根据权利要求13所述的设备,其中,该设备还包括:
第四装置,用于当所述第二数据点与所述第一数据点不属于同一数据周期时,在所述第二数据点对应的数据周期的显示位置显示所述第二数据点。
17.根据权利要求15所述的设备,其中,该设备还包括:
第四装置,用于当所述第二数据点与所述第一数据点不属于同一数据周期时,取消对所述第一数据点的突出显示,并在所述第二数据点对应的数据周期的显示位置显示所述第二数据点。
18.根据权利要求13所述的设备,其中,所述第五装置,用于将所述当前显示的动态曲线保存为历史动态曲线,并清除所述当前显示的动态曲线;
所述设备还包括第六装置,该第六装置包括:
第六一模块,用于在将所述当前显示的动态曲线保存为历史动态曲线,并清除所述当前显示的动态曲线之后,当获取切换操作时,根据所述切换操作清除当前显示的动态曲线,显示所述历史动态曲线;
第六二模块,用于暂停后续更新时刻对所述数据点进行的更新。
19.根据权利要求18所述的设备,其中,所述第六一模块,用于:
在将所述当前显示的动态曲线保存为历史动态曲线,并清除所述当前显示的动态曲线之后,当获取切换操作时,根据所述切换操作将所述当前显示的动态曲线保存为第一动态曲线,并清除所述当前显示的动态曲线,显示所述历史动态曲线;
所述第六装置还包括:
第六三模块,用于在暂停后续更新时刻对所述数据点进行的更新之后,当获取到恢复操作时,根据所述恢复操作清除当前显示的所述历史动态曲线,显示所述第一动态曲线;
第六四模块,用于恢复后续更新时刻对所述数据点进行的更新。
20.根据权利要求16或17所述的设备,其中,该设备还包括:
第七装置,用于在所述第二数据点对应的数据周期的显示位置显示所述第二数据点之后,生成并显示所述第一数据点与所述第二数据点之间的连线。
21.根据权利要求13所述的设备,其中,该设备还包括:
第八装置,用于检测用户操作点的位置,当所述用户操作点与所述数据点重合时,在所述用户操作点的位置显示所述数据点对应的数据。
22.一种动态曲线的数据点更新设备,其中,该设备包括:
第九装置,用于获取用于生成所述动态曲线的实时组件;
第十装置,用于向所述实时组件写入配置信息;
第十一装置,用于初始化所述实时组件,根据所述实时组件的配置信息控制如权利要求13至21中任一项所述的设备的运行。
23.根据权利要求22所述的设备,其中,所述实时组件包括图形展示单元以及功能调用单元;
所述第十一装置,用于:
根据配置信息指示功能调用单元获取生成初始数据点的数据,并生成包含所述初始数据点的动态曲线,指示所述图形展示单元生成显示区域并在所述显示区域内显示所述动态曲线;
指示所述图形展示单元和功能调用单元控制如权利要求13至21中任一项所述的设备进行对所述动态曲线中数据点的更新。
24.根据权利要求23所述的设备,其中,所述配置信息包括显示参数信息和调用参数信息;
所述第十一装置,用于:
指示所述功能调用单元根据所述调用参数信息获取生成初始数据点的数据,并生成包含所述初始数据点的动态曲线,指示所述图形展示单元根据所述显示参数信息生成显示区域并在所述显示区域内显示所述动态曲线;
指示所述图形展示单元和功能调用单元控制如权利要求13至21中任一项所述的设备进行对所述动态曲线中数据点的更新。
CN201510293409.1A 2015-06-01 2015-06-01 一种动态曲线的数据点更新方法和设备 Active CN106294463B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201510293409.1A CN106294463B (zh) 2015-06-01 2015-06-01 一种动态曲线的数据点更新方法和设备
PCT/CN2016/083083 WO2016192546A1 (zh) 2015-06-01 2016-05-24 一种动态曲线的数据点更新方法和设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510293409.1A CN106294463B (zh) 2015-06-01 2015-06-01 一种动态曲线的数据点更新方法和设备

Publications (2)

Publication Number Publication Date
CN106294463A CN106294463A (zh) 2017-01-04
CN106294463B true CN106294463B (zh) 2020-02-21

Family

ID=57440141

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510293409.1A Active CN106294463B (zh) 2015-06-01 2015-06-01 一种动态曲线的数据点更新方法和设备

Country Status (2)

Country Link
CN (1) CN106294463B (zh)
WO (1) WO2016192546A1 (zh)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107590739A (zh) * 2017-08-28 2018-01-16 阿里巴巴集团控股有限公司 一种信息展示的方法及装置
CN107679143B (zh) * 2017-09-25 2020-12-01 天津同阳科技发展有限公司 基于百度地图动态分步加载的装置及方法、可读存储介质
DE102019129385A1 (de) * 2019-10-30 2021-05-06 Elpro Gmbh Verfahren zur automatisierten Ermittlung von Kennlinien und/oder Kennfeldern
CN112380220A (zh) * 2020-11-18 2021-02-19 深圳市极致科技股份有限公司 一种数据展示方法、装置及设备
CN112948407B (zh) * 2021-03-02 2024-01-23 无锡车联天下信息技术有限公司 一种数据更新方法、装置、设备及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101877720A (zh) * 2010-05-25 2010-11-03 中电投远达环保工程有限公司 一种基于b/s结构的离散数据点曲线构造系统及其构造方法
CN102360287A (zh) * 2011-09-28 2012-02-22 中国航天科工集团第四研究院第四总体设计部 一种用于高速实时仿真的曲线绘制方法
CN104035785A (zh) * 2014-07-01 2014-09-10 浪潮(北京)电子信息产业有限公司 双轴曲线图绘制方法和装置
CN104394195A (zh) * 2014-10-31 2015-03-04 杭州华为企业通信技术有限公司 数据更新方法及装置
CN104484376A (zh) * 2014-12-05 2015-04-01 北京国双科技有限公司 实时显示数据的方法及装置
CN108073558A (zh) * 2016-11-09 2018-05-25 北京国双科技有限公司 数据显示方法及装置

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110022509A1 (en) * 2005-11-13 2011-01-27 Rosenthal Collins Group, L.L.C. Method and system for electronic trading via a yield curve on plural network devices
CN104918067A (zh) * 2014-03-12 2015-09-16 乐视网信息技术(北京)股份有限公司 对视频热度进行曲线处理的方法和系统

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101877720A (zh) * 2010-05-25 2010-11-03 中电投远达环保工程有限公司 一种基于b/s结构的离散数据点曲线构造系统及其构造方法
CN102360287A (zh) * 2011-09-28 2012-02-22 中国航天科工集团第四研究院第四总体设计部 一种用于高速实时仿真的曲线绘制方法
CN104035785A (zh) * 2014-07-01 2014-09-10 浪潮(北京)电子信息产业有限公司 双轴曲线图绘制方法和装置
CN104394195A (zh) * 2014-10-31 2015-03-04 杭州华为企业通信技术有限公司 数据更新方法及装置
CN104484376A (zh) * 2014-12-05 2015-04-01 北京国双科技有限公司 实时显示数据的方法及装置
CN108073558A (zh) * 2016-11-09 2018-05-25 北京国双科技有限公司 数据显示方法及装置

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
基于.NET的动态实时曲线的绘制方法;胡建华 等;《计算机技术与发展》;20130331;第23卷(第3期);179-182 *
实时监测系统数据处理和动态曲线绘制方法;马志刚 等;《图学学报》;20150228;第36卷(第1期);135-136 *

Also Published As

Publication number Publication date
CN106294463A (zh) 2017-01-04
WO2016192546A1 (zh) 2016-12-08

Similar Documents

Publication Publication Date Title
CN105339932B (zh) 浏览器驱动的功率节省
TWI690812B (zh) 頁面元件動態佈局方法、裝置及客戶端
CN106294463B (zh) 一种动态曲线的数据点更新方法和设备
US8384726B1 (en) Selective rendering of off-screen content
US8775923B1 (en) Web page restoration
US9317257B2 (en) Folded views in development environment
US10169481B2 (en) Method for intelligent web reference preloading based on user behavior prediction
CN105824830B (zh) 一种显示页面的方法、客户端及设备
CN107590228B (zh) 一种页面内容处理方法及移动终端
US20130151937A1 (en) Selective image loading in mobile browsers
CN107040574B (zh) 一种截图、数据处理方法及设备
US20140365861A1 (en) Prefetching binary data for use by a browser plugin
CN106155654B (zh) 屏蔽网页操作的方法、装置及电子设备
CN109960491A (zh) 应用程序生成方法、生成装置、电子设备及存储介质
CN111667199A (zh) 工作流构建方法、装置、计算机设备和存储介质
CN109040767B (zh) 一种直播间加载方法、系统、服务器及存储介质
CN110647704B (zh) 一种页面更新方法、装置及设备
CN110262749B (zh) 一种网页操作方法、装置、容器、设备及介质
CN110443880B (zh) 图像渲染方法、装置、存储介质及电子设备
US10402210B2 (en) Optimizing user interface requests for backend processing
WO2017162031A1 (zh) 一种信息采集方法和装置,以及一种智能终端
CN111639018B (zh) 一种内存泄漏检测方法和装置
CN108268298B (zh) 桌面图标的生成方法、装置、存储介质及电子设备
CN109948084B (zh) 网页信息的展示方法、装置、介质及计算设备
US20140007049A1 (en) Integrating diagnostic information in development environment

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant