[发明专利]实时数据在web应用中的自定义可视化展示方法

说明书

本发明提供一种实时数据在web应用中的自定义可视化展示方法，包括：设计器将显示控件的属性信息以及绑定的数据源ID的对应关系；数据源的数据实时到达WEB播放器时，WEB播放器根据数据源ID，查询到对应的显示控件组件；然后，WEB播放器调用查询到的显示控件组件，并采用数据源渲染查询到的显示控件组件中的显示控件，实现动态实时数据的自定义可视化展示。优点为：WEB播放器将重构的对显示控件组件与数据源绑定，当数据源数据动态变化时，只需要对显示控件组件进行渲染，即可实现以图表等方式实时动态显示数据，而不需要频繁构造对应的显示控制，从而提高了数据动态可视化显示的效率。

技术领域

本发明属于数据展示技术领域，具体涉及一种实时数据在web应用中的自定义可视化展示方法。

背景技术

目前，数据可视化工具主要采用以下方法实现数据的可视化展示：每当到来一条数据时，需要构造自定义的一个展示控件，然后，采用展示组件显示数据。因此，由于每当到来一条数据时，均需要构造一个展示组件，具有数据可视化展示的速度慢的问题，无法满足实时高效展示数据的需求。

发明内容

针对现有技术存在的缺陷，本发明提供一种实时数据在web应用中的自定义可视化展示方法，可有效解决上述问题。

本发明采用的技术方案如下：

本发明提供一种实时数据在web应用中的自定义可视化展示方法，包括以下步骤：

步骤1，设计器配置有若干个不同类型的显示控件；对于每种类型的显示控制，均执行以下步骤2-步骤6；

步骤2，将显示控件拖动到所创建的画布上面；

对布置于所述画布的显示控件进行自定义设置，设置所述显示控件的属性信息，同时，每个所述显示控件均绑定待展示数据的数据源ID；

步骤3，设计器将显示控件的属性信息以及绑定的数据源ID的对应关系，作为一条记录信息存储到记录数据库中；

此外，设计器创建并维护记录列表，所述记录列表存储每条记录信息的记录ID；每当所述设计器向所述数据库中存储一条记录信息时，所述设计器即更新所述记录列表；所述设计器将所述记录列表存储到记录列表数据库中；

步骤4，WEB播放器启动后，从所述记录列表数据库中加载所述记录列表，在所述WEB播放器的播放列表中，以列表形式显示每条记录信息的记录ID；对于每条记录ID，均执行步骤5和步骤6；

步骤5，触发某条记录ID，所述WEB播放器向所述记录数据库中发送查询所述记录ID对应的记录信息的查询请求消息；所述WEB播放器接收所述记录数据库返回的记录信息；所述WEB播放器解析所述记录信息，获得显示控件的属性信息以及绑定的数据源ID；

然后，所述WEB播放器根据所述显示控件的属性信息，重构出对应的显示控件；重构出的显示控件绑定数据源ID；

步骤6，所述WEB播放器将重构出的显示控件以及绑定的数据源ID，作为显示控件组件保存；

至此，将设计器自定义的每个类型的显示控件及绑定的数据源ID，均转化为WEB播放器中的对应的显示控件组件；

步骤7，由于每个显示控件组件均包括绑定的重构出的显示控件以及绑定的数据源ID，由此实现了数据源和重构出的显示控件的同步性；因此，数据源的数据实时到达所述WEB播放器时，所述WEB播放器根据数据源ID，查询到对应的显示控件组件；然后，所述WEB播放器调用查询到的所述显示控件组件，并采用所述数据源渲染查询到的显示控件组件中的显示控件，实现动态实时数据的自定义可视化展示。

优选的，步骤1中，所述显示控件包括数据图表类型控件和图片类型控件。

优选的，所述数据图表类型控件包括柱状图类型控件、折线图类型控件或泡泡图类型控件。