一种时序对象二维空间显示方法及系统技术方案

本发明专利技术提供的一种时序对象二维空间显示方法，具体包括以下步骤，客户端生成一个空白的画布，所述画布由二维平面表示，包括X轴和Y轴；客户端建立一个已占用区域的占用区域索引，所述占用区域索引用于记录在画布上的多个对象占用的矩形区域集合；客户端获取用户选择显示时间段的对象；客户端从服务器中获取所述时间段的对象数据；客户端逐一计算出所述时间段的对象在画布上的位置并显示对象。本发明专利技术的有益效果在于：通过用二维空间显示方式对时序对象进行显示，可直观查看该时间段的所有数据，便于记忆和查找。

【技术实现步骤摘要】
一种时序对象二维空间显示方法及系统
本专利技术涉及数据显示
，具体涉及一种时序对象二维空间显示方法及系统。
技术介绍
目前在网站中，显示数据的方式多采用叙述的方式展示出来，例如对于像历史类具有明显的时间先后顺序，通过先描述时间，后描述事件发生的过程，这种方式在很多历史事迹在一起时，读者阅读记忆效果不好，也不利于整体归纳记忆。
技术实现思路
针对现有技术中的缺陷，本专利技术的目的之一在于提供一种时序对象二维空间显示方法，通过建立时间轴，将对象显示在由时间轴确定的固定位置，提供更直观便于记忆的方式显示数据。第一方面，本专利技术提供的一种时序对象二维空间显示方法，具体包括以下步骤，客户端生成一个空白的画布，所述画布由二维平面表示，包括X轴和Y轴；客户端建立一个已占用区域的占用区域索引，所述占用区域索引用于记录在画布上的多个对象占用的矩形区域集合；客户端获取用户选择显示时间段的对象；客户端从服务器中获取所述时间段的对象数据；客户端逐一计算出所述时间段的对象在画布上的位置并显示对象。可选地，所述客户端计算所述对象在画布上的位置的方法具体包括分别确定对象在画布X轴上的位置和Y轴上的位置。可选地，所述确定对象在画布X轴上的位置的方法为通过所述对象的起始时间序号乘以时间单位长度。可选地，所述确定对象在画布Y轴上的位置的方法具体包括：将所述对象预绘制在画布上，此时所述对象在画布上不显示，用于确定对象实际渲染后所占区域的尺寸，确定宽度值和高度值；设定所述对象在Y轴上的值为0，逐一判断所述对象所占矩形区域与占用区域索引中与所述对象的X轴相近的区域是否相交，如果相交，则以相交区域的下边界的Y轴的值为起点，继续重复进行判断，直至找到不相交的Y轴值。可选地，在所述位置显示对象的具体方法为根据对象的X值和Y值，确定所述对象在画布的位置，设置对象的显示方式为可见，并将根据所述对象的X值、Y值、宽度值和高度值组成的矩形区域加入到占用区域索引中。可选地，方法还包括客户端画布更新步骤，用于当用户拖动画布时，同时对应更新画布显示内容。可选地，所述客户端画布更新步骤具体包括：根据画布上的对象建立以时间为索引的对象索引；客户端设定加载区域大小，所述加载区域包括一个可视区域和两个预加载区域，所述两个预加载区域分布位于可视区域的两侧；客户端获取加载区域的对象，将对象显示在画布上，并将加载的对象注册到对象索引中；获取用户拖动画布的信息，计算新加载区域大小，与拖动前的加载区域进行距离比较，如果距离小于阈值，则不做操作，如果大于等于阈值，将新加载区域与拖动前的加载区域比对，得出新增区域大小，客户端获取新增区域的对象，将新增区域的对象显示在画布上，并将加载的新增区域的对象注册到对象索引中；查找出不在当前加载区域的对象，从画布和对象索引中删除。第二方面，本专利技术提供的一种时序对象二维空间显示系统，包括客户端，所述客户端包括画布生成单元、已占用区域索引建立单元、用户选择信息获取单元、对象获取单元、对象位置计算单元和显示单元，所述画布生成单元用于生成一个空白的画布，所述画布由二维平面表示，包括X轴和Y轴；所述已占用区域索引建立单元用于建立一个已占用区域的占用区域索引，所述占用区域索引用于记录在画布上的多个对象占用的矩形区域集合；所述用户选择信息获取单元用于获取用户选择显示时间段的对象；所述对象获取单元用于获取所述时间段的对象数据；所述对象位置计算单元用于逐一计算出所述时间段的对象在画布上的位置；所述显示单元用于在所述位置显示对象。可选地，所述对象位置计算单元计算对象在画布上的位置的方法具体包括分别确定对象在画布X轴上的位置和Y轴上的位置，所述确定对象在画布X轴上的位置的方法为通过所述对象的起始时间序号乘以时间单位长度；所述确定对象在画布Y轴上的位置的方法具体包括：将所述对象预绘制在画布上，用于确定对象实际渲染后所占区域的尺寸，确定宽度值和高度值，此时所述对象在画布上不显示；设定所述对象在Y轴上的值为0，逐一判断所述对象所占矩形区域与占用区域索引中与所述对象的X轴相近的区域是否相交，如果相交，则以相交区域的下边界的Y轴的值为起点，继续重复进行判断，直至找到不相交的Y轴值。可选地，所述系统还包括画布更新单元，所述画布更新单元进行画布更新方法包括以下步骤：根据画布上的对象建立以时间为索引的对象索引；客户端设定加载区域大小，所述加载区域包括一个可视区域和两个预加载区域，所述两个预加载区域分布位于可视区域的两侧；客户端获取加载区域的对象，将对象显示在画布上，并将加载的对象注册到对象索引中；获取用户拖动画布的信息，计算新加载区域大小，与拖动前的加载区域进行距离比较，如果距离小于阈值，则不做操作，如果大于等于阈值，将新加载区域与拖动前的加载区域比对，得出新增区域大小，客户端获取新增区域的对象，将新增区域的对象显示在画布上，并将加载的新增区域的对象注册到对象索引中；查找出不在当前加载区域的对象，从画布和对象索引中删除。本专利技术的有益效果：本专利技术的一种时序对象二维空间显示方法，通过用二维空间显示方式对时序对象进行显示，可直观查看某个时间段的所有数据，便于记忆和查找。通过在画布上确定对象在X轴、Y轴的显示位置，使对象尽可能聚集，以减少空间占用，但避免对象在画布上重叠显示，提高对象展示效果，便于查看。画布更新步骤在画布移动过程中，移除范围之外的对象，只保留“可视区域”和“预加载区域”的对象，以此保证画布上只存在有限数量的对象，解决画布中对象过多导致拖放卡顿问题，提高画布更新的速度。本专利技术的一种时序对象二维空间显示系统，通过用二维空间显示方式对时序对象进行显示，可直观查看某个时间段的所有数据，便于记忆和查找。通过在画布上确定对象在X轴、Y轴的显示位置，使对象尽可能聚集，以减少空间占用，但避免对象在画布上重叠显示，提高对象展示效果，便于查看。画布更新单元在画布移动过程中，移除范围之外的对象，只保留“可视区域”和“预加载区域”的对象，以此保证画布上只存在有限数量的对象，解决画布中对象过多导致拖放卡顿问题，提高画布更新的速度，提高用户体验。附图说明为了更清楚地说明本专利技术具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍。在所有附图中，类似的元件或部分一般由类似的附图标记标识。附图中，各元件或部分并不一定按照实际的比例绘制。图1示出了本专利技术所提供的一种时序对象二维空间显示方法的一实施例的流程图；图2示出了本专利技术所提供的一种时序对象二维空间显示方法的另一实施例的流程图；图3示出了本专利技术所提供的一种时序对象二维空间显示系统的一实施例的结构框图；图4示出了本专利技术所提供的一种时序对象二维空间显示系统的另一实施例的结构框图。具体实施方式下面将结合附图对本专利技术技术方案的实施例进行详细的描述。以下实施例仅用于更加清楚地说明本专利技术的技术方案，因此只是作为示例，而不能以此来限制本专利技术的保护范围。需要注意的是，除非另有说明，本申请使用的技术术语或者科学术语应当为本专利技术所属领域技术人员所理解的通常意义。如图1所示，提供了本专利技术一种时序对象二维空间显示方法的第一实施例，具体包括以下步骤，S1.客户端生成一个空白的画布，所述画布由二维平面表示，包括X轴和Y轴；S2.客户本文档来自技高网...

【技术保护点】
一种时序对象二维空间显示方法，其特征在于：具体包括以下步骤，客户端生成一个空白的画布，所述画布由二维平面表示，包括X轴和Y轴；客户端建立一个已占用区域的占用区域索引，所述占用区域索引用于记录在画布上的多个对象占用的矩形区域集合；客户端获取用户选择显示时间段的对象；客户端从服务器中获取所述时间段的对象数据；客户端逐一计算出所述时间段的对象在画布上的位置并显示对象。

【技术特征摘要】
1.一种时序对象二维空间显示方法，其特征在于：具体包括以下步骤，客户端生成一个空白的画布，所述画布由二维平面表示，包括X轴和Y轴；客户端建立一个已占用区域的占用区域索引，所述占用区域索引用于记录在画布上的多个对象占用的矩形区域集合；客户端获取用户选择显示时间段的对象；客户端从服务器中获取所述时间段的对象数据；客户端逐一计算出所述时间段的对象在画布上的位置并显示对象。2.如权利要求1所述的时序对象二维空间显示方法，其特征在于：所述客户端计算所述对象在画布上的位置的方法具体包括分别确定对象在画布X轴上的位置和Y轴上的位置。3.如权利要求2所述的时序对象二维空间显示方法，其特征在于：所述确定对象在画布X轴上的位置的方法为通过所述对象的起始时间序号乘以时间单位长度。4.如权利要求3所述的时序对象二维空间显示方法，其特征在于：所述确定对象在画布Y轴上的位置的方法具体包括：将所述对象预绘制在画布上，此时所述对象在画布上不显示；用于确定对象实际渲染后所占区域的尺寸，确定宽度值和高度值，设定所述对象在Y轴上的值为0，逐一判断所述对象所占矩形区域与占用区域索引中与所述对象的X轴相近的区域是否相交，如果相交，则以相交区域的下边界的Y轴的值为起点，继续重复进行判断，直至找到不相交的Y轴值。5.如权利要求4所述的时序对象二维空间显示方法，其特征在于：在所述位置显示对象的具体方法为根据对象的X值和Y值，确定所述对象在画布的位置，设置对象的显示方式为可见，并将根据所述对象的X值、Y值、宽度值和高度值组成的矩形区域加入到占用区域索引中。6.如权利要求1所述的时序对象二维空间显示方法，其特征在于：还包括客户端画布更新步骤，用于当用户拖动画布时，同时对应更新画布显示内容。7.如权利要求6所述的时序对象二维空间显示方法，其特征在于：所述客户端画布更新步骤具体包括：根据画布上的对象建立以时间为索引的对象索引；客户端设定加载区域大小，所述加载区域包括一个可视区域和两个预加载区域，所述两个预加载区域分布位于可视区域的两侧；客户端获取加载区域的对象，将对象显示在画布上，并将加载的对象注册到对象索引中；获取用户拖动画布的信息，计算新加载区域大小，与拖动前的加载区域进行距离比较，如果距离小于阈值，则不做操作，如果大于等于阈值，将新加载区域与拖动前的加载区域比对，得出新增区域大小，客户端获取新增区域的对象，将新增区域...

【专利技术属性】
技术研发人员：赵华男，
申请(专利权)人：北京知识群信息技术有限公司，
类型：发明
国别省市：北京,11