[发明专利]一种时序对象二维空间显示方法及系统

说明书

技术领域

本发明涉及数据显示技术领域，具体涉及一种时序对象二维空间显示方法及系统。

背景技术

目前在网站中，显示数据的方式多采用叙述的方式展示出来，例如对于像历史类具有明显的时间先后顺序，通过先描述时间，后描述事件发生的过程，这种方式在很多历史事迹在一起时，读者阅读记忆效果不好，也不利于整体归纳记忆。

发明内容

针对现有技术中的缺陷，本发明的目的之一在于提供一种时序对象二维空间显示方法，通过建立时间轴，将对象显示在由时间轴确定的固定位置，提供更直观便于记忆的方式显示数据。

第一方面，本发明提供的一种时序对象二维空间显示方法，具体包括以下步骤，客户端生成一个空白的画布，所述画布由二维平面表示，包括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轴值。