CN112529991A - 一种数据可视化展示方法、系统及存储介质 - Google Patents

Abstract

本发明涉及数据可视化领域，包括一种数据可视化展示方法、系统及存储介质。所述数据可视化展示方法包括步骤：根据展示数据生成动画；动画启动播放后，实时监测展示数据是否变化；若动画播放过程中监测展示数据发生变化，重新生成动画；若动画播放结束后监测展示数据发生变化，更新动画。以动画的形式展示数据，富有趣味且可视化程度高；动画跟随数据实时变化而改变，使数据可得到及时的展示，且使观者可感受数据的动态变化。

Description

一种数据可视化展示方法、系统及存储介质

技术领域

本发明涉及数据可视化领域，更具体地，涉及一种数据可视化展示方法、系统及存储介质。

背景技术

目前，关于可视化数据展示的方法有列表、图形或图表，也有一些开源的数据可视化库或新型创意图表以提高开发效率，但固定形式，限制过多，仅有一些简单的颜色，数据配置，不够灵活，通常用于展示二维对比型数据，一般为柱状条形图或者多行列表形式。在数据不断变化的应用场景，现有技术不能有效地更新数据，时效性较差。

发明内容

本发明旨在克服上述现有技术的至少一种缺陷(不足)，提供一种数据可视化展示方法、系统及存储介质。

本发明的一种数据可视化展示方法，包括步骤：根据展示数据生成动画；动画启动播放后，实时监测展示数据是否变化；若动画播放过程中监测展示数据发生变化，重新生成动画；若动画播放结束后监测展示数据发生变化，更新动画。以动画的形式展示数据，富有趣味且可视化程度高；动画跟随数据实时变化而改变，使数据可得到及时的展示，且使观者可感受数据的动态变化。

所述根据展示数据生成动画具体包括第一步骤、第二步骤、第三步骤、第四步骤和第五步骤；所述第一步骤具体为：获取展示数据，以预设的换算规则创建绘制元素；所述第二步骤具体为：遍历绘制元素，以预设的组合规则生成包含所有绘制元素的样式信息、布局信息和播放信息的数据表；所述第三步骤具体为：解析所述数据表，读取历史动画生成每个绘制元素的动画脚本的初始状态，根据绘制元素对应的样式信息、布局信息和播放信息生成动画脚本的中间状态和结束状态；若无历史动画，初始状态为预设的初始值；所述第四步骤具体为：根据播放信息创建时间轴，所述动画脚本基于时间轴以预设的动画序列生成动画；所述动画序列为所有动画脚本的播放顺序；所述第五步骤具体为：储存生成的动画作为历史动画。所述换算规则为展示数据转换成绘制元素的依据，使用者可自行设定换算规则，可用图形、数字、路径等元素体现、反映展示数据。其中绘制元素包含样式信息、布局信息和播放信息，根据所有的样式信息、布局信息和播放信息可调整各个绘制元素在动画脚本中的外观、位置及运动路径等。为了流畅衔接动画，生成动画脚本还需依据存储的历史动画形成画面过渡的动画，若无历史动画，动画脚本的起始状态可以是空白或使用者预设的起始状态。基于所有播放信息，可创建适应所有动画脚本的时间轴，所述时间轴用于协调所有动画脚本的播放时机、顺序等。

所述重新生成动画的步骤具体为：清除播放中的动画，重新以第一步骤、第二步骤、第三步骤、第四步骤和第五步骤生成动画。若动画未完全播放完毕但展示数据已更新，为了避免展示出现延时、保证展示数据的时效性，将播放中的动画清除并重新按上述顺序生成最新的动画。

所述更新动画的步骤具体为：以预设的换算规则为已变化展示数据创建新绘制元素；遍历新绘制元素，生成新绘制元素的样式信息、布局信息和播放信息；将新绘制元素的样式信息替代数据表中原样式信息；将新绘制元素的布局信息增改至数据表；解析数据表，读取原时间轴生成每个绘制元素的新动画脚本的初始状态，根据对应的样式信息、布局信息和播放信息生成新动画脚本的中间状态和结束状态；根据新旧播放信息的差异调整时间轴的属性，新动画脚本基于调整后的时间轴生成动画。新绘制元素需要反映已变化的展示数据，同时不可与原动画上的绘制元素发生图像重叠、运动路径冲突等问题，所述问题通过协调新旧绘制元素的布局信息和播放信息避免。其中，部分播放信息不仅作用于动画脚本，还作用于时间轴，根据播放信息时间轴可更改动画速度、动画脚本播放次序等，使呈现的动态变化过程衔接正常。

进一步地，所述预设的组合规则包括：获取所有绘制元素的布局信息和样式信息；根据布局信息和样式信息遍历检测绘制元素之间的重叠尺寸，以重叠尺寸为依据修改对应的绘制元素的样式信息。数据表按照所述组合规则对绘制元素进行检测和微调，防止生成的动画脚本中绘制元素之间出现碰撞或重叠。

进一步地，在动画播放结束后，可请求触发第一交互事件；所述第一交互事件包括：获取请求的绘制元素；以预设的响应规则为请求的绘制元素生成动画脚本；创建交互时间轴；所述交互动画脚本基于交互时间轴以预设的交互动画序列生成交互动画并进行播放。在动画播放后，使用者可具体了解其中一部分展示数据，第一交互事件响应使用者请求，生成交互动画，提高互动性。

进一步地，触发第一交互事件后，可请求触发第二交互事件；所述第二交互事件包括：将所述交互动画按照交互时间轴反向播放。所述触发第二交互事件的请求为使用者无需继续查看第一交互事件中的展示数据，交互动画按照交互时间轴反向播放形成恢复原状的过程。

本发明的一种数据可视化展示系统，包括图形渲染模块、动画生成模块、动画播放模块和数据存取器；所述图像渲染模块用于获取展示数据，以预设的换算规则创建绘制元素；所述绘制元素包含样式信息、布局信息和播放信息；所述数据存取器用于生成并存储包含所有绘制元素的样式信息、布局信息和播放信息的数据表；所述数据存取器还用于存储历史时间轴；所述动画生成模块用于解析所述数据表，读取历史时间轴生成每个绘制元素的动画脚本的初始状态，根据对应的样式信息、布局信息和播放信息生成动画脚本的中间状态和结束状态；若无历史时间轴，初始状态为预设的初始值；所述动画生成模块还用于创建时间轴并将时间轴作为历史时间轴储存至数据存取器，所述动画脚本基于时间轴以预设的动画序列生成动画；所述动画序列为所有动画脚本的播放顺序；所述动画播放模块获取动画生成模块生成的动画进行播放；所述数据存取器还用于监测展示数据是否发生变化；若数据存取器监测展示数据发生变化，图形渲染模块和动画生成模块根据动画播放模块的播放进度执行：若动画播放模块正在播放动画，图形渲染模块、动画生成模块和数据存取器重新生成动画；若动画播放模块结束播放动画，图形渲染模块、动画生成模块和数据存取器更新动画。

进一步地，所述更新动画具体步骤包括：所述图像渲染模块以预设的换算规则为已变化展示数据创建新绘制元素；所述图像渲染模块遍历新绘制元素，生成新绘制元素的样式信息、布局信息和播放信息；所述数据存取器将新绘制元素的样式信息替代数据表中原样式信息，将新绘制元素的布局信息增改至数据表；所述动画生成模块解析数据表，读取原时间轴生成每个绘制元素的新动画脚本的初始状态，根据对应的样式信息、布局信息和播放信息生成新动画脚本的中间状态和结束状态；所述动画生成模块根据新旧播放信息的差异调整时间轴的属性，新动画脚本基于调整后的时间轴生成动画。

本发明的一种存储介质，其上存储有计算机软件，所述计算机软件用于实现上述的数据可视化展示方法。

与现有技术相比，本发明的有益效果为：以动画的形式展示数据，富有趣味且可视化程度高；动画跟随数据实时变化而改变，使数据可得到及时的展示，且使观者可感受数据的动态变化；响应使用者请求，提高展示过程的互动性。

附图说明

图1为本发明的生成动画步骤图。

图2为本发明的更新动画步骤图。

图3为本发明的系统结构示意图。

标号说明：图形渲染模块1；动画生成模块2；动画播放模块3；数据存取器4。

具体实施方式

本发明附图仅用于示例性说明，不能理解为对本发明的限制。为了更好说明以下实施例，附图某些部件会有省略、放大或缩小，并不代表实际产品的尺寸；对于本领域技术人员来说，附图中某些公知结构及其说明可能省略是可以理解的。

实施例1

本实施例提供一种数据可视化展示方法，包括步骤：根据展示数据生成动画；动画启动播放后，实时监测展示数据是否变化；若动画播放过程中监测展示数据发生变化，重新生成动画；若动画播放结束后监测展示数据发生变化，更新动画。

本实施例根据展示数据生成动画具体包括第一步骤、第二步骤、第三步骤、第四步骤和第五步骤。

所述第一步骤具体为：获取展示数据，以预设的换算规则创建绘制元素；。所述换算规则为展示数据转换成绘制元素的依据，使用者可自行设定换算规则，其中，绘制元素可包括关键元素和辅助元素，所述关键元素指直接体现展示数据的元素，例如饼状图中的扇形块等，所述辅助元素指起装饰、美观作用的元素，例如数字、线条等，展示数据可根据预设的换算规则生成同时包含关键元素和辅助元素。

所述第二步骤具体为：遍历绘制元素，以预设的组合规则生成包含所有绘制元素的样式信息、布局信息和播放信息的数据表。本实施例的优选组合规则包括：获取所有绘制元素的布局信息和样式信息；根据布局信息和样式信息遍历检测绘制元素之间的重叠尺寸，以重叠尺寸为依据修改对应的绘制元素的样式信息。数据表按照所述组合规则对绘制元素进行检测和微调，防止生成的动画脚本中绘制元素之间出现碰撞或重叠。所述样式信息包含绘制元素的尺寸、颜色等信息，布局信息包含绘制元素的布置位置、移动方向和路径等信息，播放信息包括绘制元素的移动速度、延时等信息；

所述第三步骤具体为：解析所述数据表，读取历史动画生成每个绘制元素的动画脚本的初始状态，根据绘制元素对应的样式信息、布局信息和播放信息生成动画脚本的中间状态和结束状态；若无历史动画，初始状态为预设的初始值；所述第四步骤具体为：根据播放信息创建时间轴，所述动画脚本基于时间轴以预设的动画序列生成动画，本实施例中还可控制时间轴使动画暂停、重播、倒放等；所述第五步骤具体为：储存生成的动画作为历史动画。

为了提高展示数据的时效性，本实施例所述的重新生成动画的步骤具体为：清除播放中的动画，重新以第一步骤、第二步骤、第三步骤、第四步骤和第五步骤生成动画。在其他实施例中，亦可待动画播放完再进行更新动画。

本实施例所述更新动画的步骤具体为：以预设的换算规则为已变化展示数据创建新绘制元素；遍历新绘制元素，生成新绘制元素的样式信息、布局信息和播放信息；将新绘制元素的样式信息替代数据表中原样式信息，在其他实施例中，可保留原样式信息，同一绘制元素在一个动画脚本的不同时间使用不同的样式；将新绘制元素的布局信息增改至数据表；解析数据表，读取原时间轴生成每个绘制元素的新动画脚本的初始状态，根据对应的样式信息、布局信息和播放信息生成新动画脚本的中间状态和结束状态；比对播放信息，根据新旧播放信息的差异生成过渡动画脚本；根据新旧播放信息的差异调整时间轴的属性，所述时间轴的属性包括动画序列、播放总时长、播放倍速、每个动画脚本的播放节点等，新动画脚本基于调整后的时间轴生成动画。

本实施例在动画播放结束后，可请求触发第一交互事件和第二交互事件；所述第一交互事件包括：获取请求的绘制元素；以预设的响应规则为请求的绘制元素生成动画脚本；创建交互时间轴；所述交互动画脚本基于交互时间轴以预设的交互动画序列生成交互动画并进行播放，所述交互动画可以是对绘制元素的发光、突出、放大等，本领域技术人员可通过修改响应规则改变交互动画。所述第二交互事件包括：在触发第一交互事件后，将所述交互动画按照交互时间轴反向播放。本实施例基于jQuery进行，请求触发第一交互事件的标志为mouseover事件，请求触发第一交互事件的标志为mouseout事件，在其他实施例中若使用不同的软件实现所述数据可视化展示方法，本领域技术人员可适应性替换。

如图1-2，本实施例的优选实现方式为：

S1：获取展示数据，创建绘制元素；

S2：遍历绘制元素，生成数据表；

S3：解析数据表并读取历史动画，生成动画脚本；

S4：创建时间轴；

S5：将动画脚本基于时间轴生成动画；

S6：存储动画作为历史动画；

S7：播放动画；

S8：监测展示数据是否发生变化；若否，进行S9；若是，进行S10；

S9：保持原动画的正常播放；

S10：判断动画是否播放结束；若否，重新循环执行S1等后续步骤；若是，进行S11；

S11：更新动画。

其中所述S11：更新动画具体为以下优选实现方式：

S111：为已变化展示数据创建新绘制元素；

S112：遍历新绘制元素，生成新绘制元素的样式信息、布局信息和播放信息；

S113：将样式信息替代数据表中对应的原样式信息，将布局信息增改至数据表；

S114：解析数据表，读取历史动画生成新动画脚本；

S115：调整时间轴的属性；

S116：新动画脚本基于时间轴生成动画。

实施例2

如图3所示，本实施例提供一种数据可视化展示系统，包括图形渲染模块1、动画生成模块2、动画播放模块3和数据存取器4；所述图像渲染模块用于获取展示数据，以预设的换算规则创建绘制元素；所述绘制元素包含样式信息、布局信息和播放信息；所述数据存取器4用于生成并存储包含所有绘制元素的样式信息、布局信息和播放信息的数据表；所述数据存取器4还用于存储历史时间轴；所述动画生成模块2用于解析所述数据表，读取历史时间轴生成每个绘制元素的动画脚本的初始状态，根据对应的样式信息、布局信息和播放信息生成动画脚本的中间状态和结束状态；若无历史时间轴，初始状态为预设的初始值；所述动画生成模块2还用于创建时间轴并将时间轴作为历史时间轴储存至数据存取器4，所述动画脚本基于时间轴以预设的动画序列生成动画；所述动画序列为所有动画脚本的播放顺序；所述动画播放模块3获取动画生成模块2生成的动画进行播放；所述数据存取器4还用于监测展示数据是否发生变化；若数据存取器4监测展示数据发生变化，图形渲染模块1和动画生成模块2根据动画播放模块3的播放进度执行：若动画播放模块3正在播放动画，图形渲染模块1、动画生成模块2和数据存取器4重新生成动画；若动画播放模块3结束播放动画，图形渲染模块1、动画生成模块2和数据存取器4更新动画。所述换算规则为展示数据转换成绘制元素的依据，使用者可自行设定换算规则，图形渲染器根据换算规则将展示数据转换为一个或多个绘制元素。为了流畅衔接动画，动画生成模块2生成动画脚本还需依据数据存取器4存储的历史动画形成画面过渡的动画，若无历史动画，动画脚本的起始状态可以是空白或使用者预设的起始状态。基于所有播放信息，动画生成模块2可创建适应所有动画脚本的时间轴，所述时间轴用于协调所有动画脚本的播放时机、顺序等。

本实施例所述更新动画具体步骤包括：所述图像渲染模块以预设的换算规则为已变化展示数据创建新绘制元素；所述图像渲染模块遍历新绘制元素，生成新绘制元素的样式信息、布局信息和播放信息；所述数据存取器4将新绘制元素的样式信息替代数据表中原样式信息，将新绘制元素的布局信息增改至数据表；所述动画生成模块2解析数据表，读取原时间轴生成每个绘制元素的新动画脚本的初始状态，根据对应的样式信息、布局信息和播放信息生成新动画脚本的中间状态和结束状态；所述动画生成模块2根据新旧播放信息的差异调整时间轴的属性，新动画脚本基于调整后的时间轴生成动画。新绘制元素需要反映已变化的展示数据，同时不可与原动画上的绘制元素发生图像重叠、运动路径冲突等问题，动画生成模块2通过协调新旧绘制元素的布局信息和播放信息避免上述问题。其中，部分播放信息不仅作用于动画脚本，还作用于时间轴，动画生成模块2根据播放信息时间轴可更改动画速度、动画脚本播放次序等，使呈现的动态变化过程衔接正常。

进一步地，本实施例的数据可视化展示系统还可实现第一交互事件和第二交互事件。在动画播放结束后，使用者可在动画播放模块3请求触发第一交互事件，通常是通过在动画播放模块3接入鼠标并将光标移到绘制元素；所述第一交互事件包括：图形渲染模块1获取请求的绘制元素；动画生成模块2以预设的响应规则为请求的绘制元素生成动画脚本；动画生成模块2创建交互时间轴；所述交互动画脚本基于交互时间轴以预设的交互动画序列生成交互动画并进行播放。进一步地，触发第一交互事件后，可请求触发第二交互事件，通常通过光标移出第一交互事件所触发的绘制元素；所述第二交互事件包括：动画播放模块3将所述交互动画按照交互时间轴反向播放。

实施例3

本实施例提供一种存储介质，其上存储有计算机软件，所述计算机软件用于实现如实施例1所述的数据可视化展示方法，以动画的形式展示数据，富有趣味且可视化程度高；动画跟随数据实时变化而改变，使数据可得到及时的展示，且使观者可感受数据的动态变化。

显然，本发明的上述实施例仅仅是为清楚地说明本发明技术方案所作的举例，而并非是对本发明的具体实施方式的限定。凡在本发明权利要求书的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明权利要求的保护范围之内。

Claims (10)

1.一种数据可视化展示方法，其特征在于，包括步骤：

根据展示数据生成动画；

动画启动播放后，实时监测展示数据是否变化；

若动画播放过程中监测展示数据发生变化，重新生成动画；

若动画播放结束后监测展示数据发生变化，更新动画。

2.根据权利要求1所述的一种数据可视化展示方法，其特征在于，

所述根据展示数据生成动画具体包括第一步骤、第二步骤、第三步骤、第四步骤和第五步骤；

所述第一步骤具体为：获取展示数据，以预设的换算规则创建绘制元素；

所述第二步骤具体为：遍历绘制元素，以预设的组合规则生成包含所有绘制元素的样式信息、布局信息和播放信息的数据表；

所述第三步骤具体为：解析所述数据表，读取历史动画生成每个绘制元素的动画脚本的初始状态，根据绘制元素对应的样式信息、布局信息和播放信息生成动画脚本的中间状态和结束状态；若无历史动画，初始状态为预设的初始值；

所述第四步骤具体为：根据播放信息创建时间轴，所述动画脚本基于时间轴以预设的动画序列生成动画；所述动画序列为所有动画脚本的播放顺序；

所述第五步骤具体为：储存生成的动画作为历史动画。

3.根据权利要求2所述的一种数据可视化展示方法，其特征在于，

所述重新生成动画的步骤具体为：清除播放中的动画，重新以第一步骤、第二步骤、第三步骤、第四步骤和第五步骤生成动画。

4.根据权利要求2所述的一种数据可视化展示方法，其特征在于，

所述更新动画的步骤具体为：

以预设的换算规则为已变化展示数据创建新绘制元素；

遍历新绘制元素，生成新绘制元素的样式信息、布局信息和播放信息；

将新绘制元素的样式信息替代数据表中原样式信息；

将新绘制元素的布局信息增改至数据表；

解析数据表，读取历史动画生成每个绘制元素的新动画脚本的初始状态，根据对应的样式信息、布局信息和播放信息生成新动画脚本的中间状态和结束状态；

根据新旧播放信息的差异调整时间轴的属性，新动画脚本基于调整后的时间轴生成动画。

5.根据权利要求2所述的一种数据可视化展示方法，其特征在于，

所述预设的组合规则包括：

获取所有绘制元素的布局信息和样式信息；

根据布局信息和样式信息遍历检测绘制元素之间的重叠尺寸，以重叠尺寸为依据修改对应的绘制元素的样式信息。

6.根据权利要求2所述的一种数据可视化展示方法，其特征在于，

在动画播放结束后，可请求触发第一交互事件；

所述第一交互事件包括：

获取请求的绘制元素；

以预设的响应规则为请求的绘制元素生成动画脚本；

创建交互时间轴；

所述交互动画脚本基于交互时间轴以预设的交互动画序列生成交互动画并进行播放。

7.根据权利要求6所述的一种数据可视化展示方法，其特征在于，

触发第一交互事件后，可请求触发第二交互事件；

所述第二交互事件包括：将所述交互动画按照交互时间轴反向播放。

8.一种数据可视化展示系统，包括图形渲染模块、动画生成模块、动画播放模块和数据存取器；其特征在于，

所述图像渲染模块用于获取展示数据，以预设的换算规则创建绘制元素；所述绘制元素包含样式信息、布局信息和播放信息；

所述数据存取器用于生成并存储包含所有绘制元素的样式信息、布局信息和播放信息的数据表；所述数据存取器还用于存储历史动画；

所述动画生成模块用于解析所述数据表，读取历史动画生成每个绘制元素的动画脚本的初始状态，根据对应的样式信息、布局信息和播放信息生成动画脚本的中间状态和结束状态；若无历史动画，初始状态为预设的初始值；

所述动画生成模块还用于创建时间轴，所述动画脚本基于时间轴以预设的动画序列生成动画，数据存取器储存生成的动画；所述动画序列为所有动画脚本的播放顺序；

所述动画播放模块获取动画生成模块生成的动画进行播放；

所述数据存取器还用于监测展示数据是否发生变化；

若数据存取器监测展示数据发生变化，图形渲染模块和动画生成模块根据动画播放模块的播放进度执行：

若动画播放模块正在播放动画，图形渲染模块、动画生成模块和数据存取器重新生成动画；

若动画播放模块结束播放动画，图形渲染模块、动画生成模块和数据存取器更新动画。

9.根据权利要求8所述的一种数据可视化展示系统，其特征在于：

所述更新动画具体步骤包括：

所述图像渲染模块以预设的换算规则为已变化展示数据创建新绘制元素；

所述图像渲染模块遍历新绘制元素，生成新绘制元素的样式信息、布局信息和播放信息；

所述数据存取器将新绘制元素的样式信息替代数据表中原样式信息，将新绘制元素的布局信息增改至数据表；

所述动画生成模块解析数据表，读取历史动画生成每个绘制元素的新动画脚本的初始状态，根据对应的样式信息、布局信息和播放信息生成新动画脚本的中间状态和结束状态；

所述动画生成模块根据新旧播放信息的差异调整时间轴的属性，新动画脚本基于调整后的时间轴生成动画。

10.一种存储介质，其上存储有计算机软件，其特征在于，

所述计算机软件用于实现如权利要求1-7任一项所述的数据可视化展示方法。

Images