[发明专利]实时展示可视化图表的方法、装置、计算机设备及存储介质

权利要求书

1.一种实时展示可视化图表的方法，其特征在于，包括下述步骤：

将预设的渲染方式设置于预设的接口中，并将不同的所述预设的接口分别与对应的图表页面相关联，所述渲染方式用于渲染图表；

识别与图表页面关联的所有预设的接口，将所述预设的接口与收藏页面关联，以实现渲染方式的复用，所述图表页面为已收藏和未收藏的图表所在的页面；

渲染方式包括方式名，将每一个图表用第一字段标识，并将所述第一字段与渲染方式的方式名形成映射；

识别每一个图表的图表类型，根据不同的所述图表类型封装不同的图表组件；

当检测到用户在图表页面将所述图表添加至收藏页面时，保存并关联当前用户ID和当前每一个图表的数据参数，其中，所述数据参数至少包括图表类型、第一字段、方式名、渲染图表的查询条件；以及

当检测到用户点击收藏页面时，根据所述用户ID确定对应的第一字段，根据图表类型选择并加载图表组件，根据第一字段选择并调用渲染方式，根据查询条件获取的数据库中的图表数据，通过图表组件将获取的图表数据按照调用的渲染方式生成图表。

2.根据权利要求1所述的实时展示可视化图表的方法，其特征在于，根据不同的所述图表类型封装不同的图表组件的步骤包括：

将echarts作为基础库，根据图表类型引用echarts中对应的组件；

接收UI设计稿，根据UI设计稿配置图表样式文件；

根据预设的逻辑配置设计文件；

封装echarts中对应的组件、图表样式文件和设计文件，生成图表组件。

3.根据权利要求1所述的实时展示可视化图表的方法，其特征在于，所述识别每一个图表的图表类型，根据不同的所述图表类型封装不同的图表组件的步骤包括：

预先将图表类型用第二字段标识；

识别每一个图表的第二字段，根据所述第二字段封装不同的图表组件；

对封装后的不同图表组件分别赋予组件名，并将所述组件名与第二字段形成映射；

所述根据图表类型选择并加载图表组件，根据第一字段选择并调用渲染方式的步骤包括：

根据第二字段选择并加载图表组件，根据第一字段选择并调用渲染方式。

4.根据权利要求1所述的实时展示可视化图表的方法，其特征在于，根据查询条件获取的数据库中的图表数据，通过图表组件将获取的图表数据按照调用的渲染方式生成图表的步骤包括：

检测不同图表对应的查询条件是否包括保存时间；

若查询条件中包括保存时间，则根据保存时间获取与所述保存时间对应的数据库中的图表数据，通过图表组件将获取的图表数据按照调用的渲染方式生成图表；

若查询条件中不包括保存时间，则根据当前时间获取与所述当前时间对应的数据库中的图表数据，通过图表组件将获取的图表数据按照调用的渲染方式生成图表。

5.根据权利要求1所述的实时展示可视化图表的方法，其特征在于，所述识别与图表页面关联的所有预设的接口，在所述将所述预设的接口与收藏页面关联的步骤之后，还包括：

将公共的ajax请求封装在一个请求方法中，以供渲染图表时进行调用；

所述根据图表类型选择加载的图表组件，根据第一字段选择调用的渲染方式的步骤包括：

根据保存的所述数据参数对收藏页面中的图表进行验证；

若验证通过，则根据图表类型选择并加载的图表组件，根据第一字段选择并调用的渲染方式；

通过调用公共的ajax请求，向数据库请求获取图表数据。

6.根据权利要求5所述的实时展示可视化图表的方法，其特征在于，所述根据保存的所述数据参数对收藏页面中的图表进行验证的步骤包括：

当检测到用户打开图表页面时，将图表页面中的每一个图表的参数进行保存，分别生成对应的图表信息；

将所述图表信息与所述数据参数进行比对，其中，所述图表信息至少包括图表类型、第一字段和方式名；

若图表信息与数据参数一致，则通过验证。