[发明专利]一种基于象形图组件的数据展示方法、系统及储存介质

说明书

本发明公开一种基于象形图组件的数据展示方法、系统及存储介质，所述方法包括：接收到数据展示命令时，获取待展示的列表数据；当所述列表数据包含有自定义配置数据时，将所述自定义配置数据转换为象形图组件能识别的数据格式；加载所述数据格式，按照所述数据格式对应的标准样式结构展示所述列表数据。本发明旨在以用户自定义象形图展示数据，提高扩展性，同时采用统一标准样式结构，只需要提供数据就可简洁且直观地展示，无需专业开发人员，降低成本，提高用户体验。

技术领域

本发明涉及计算机技术领域，尤其涉及一种基于象形图组件的数据展示方法、系统及储存介质。

背景技术

随着数据可视化的兴起，数据如何更加直观的呈现成为了必须思考的问题。基于此类问题的出现，各种开源的图表组件库也随之发展，但是现有技术中图表组件的配置项十分繁杂，需要专门的开发人员进行修改，开发效率低，无法实现复用，同时风格样式杂乱，无法简洁直观展示用户所需数据，给用户带来极低的体验。

因此，现有技术还有待发展和改进。

发明内容

为了解决现有技术中开发效率低、风格样式杂乱以及用户体验低的技术问题，本发明提出一种基于象形图组件的数据展示方法、系统及储存介质，旨在以用户自定义象形图展示数据，提高扩展性，同时采用统一标准样式结构，只需要提供数据就可简洁且直观地展示，无需专业开发人员，降低成本，提高用户体验。

本发明通过以下技术方案实现的：

一种基于象形图组件的数据展示方法，所述基于象形图组件的数据展示方法包括：

接收到数据展示命令时，获取待展示的列表数据；

当所述列表数据包含有自定义配置数据时，将所述自定义配置数据转换为象形图组件能识别的数据格式；

加载所述数据格式，按照所述数据格式对应的标准样式结构展示所述列表数据。

所述的基于象形图组件的数据展示方法，其中，所述接收到数据展示命令时，获取待展示的列表数据之前包括：

通过VUE框架对所述象形图组件进行封装，得到标准样式结构。

所述的基于象形图组件的数据展示方法，其中，所述标准样式结构为左侧显示若干行数据名称项，右侧显示每个数据名称项对应的统计数值，所述统计数值以百分比或数字分数显示，中间侧显示所述统计数值对应的象形图图像。

所述的基于象形图组件的数据展示方法，其中，所述标准样式结构中默认的统计数值以百分比显示。

所述的基于象形图组件的数据展示方法，其中，所述自定义配置数据至少包括显示数据和自定义样式配置数据中的一种，所述显示数据至少包括数据名称、最大值以及当前值。

所述的基于象形图组件的数据展示方法，当自定义配置数据仅包括显示数据时，所述当所述列表数据包含有自定义配置数据时，将所述自定义配置数据转换为象形图组件能识别的数据格式具体包括：

当所述列表数据仅包括显示数据时，获取系统默认的样式配置数据；

根据所述默认的样式配置数据提取所述标准样式结构对应的配置项；

根据所述标准样式结构中象形图样式总数量，计算所述显示数据对应的象形图样式数量；

将所述象形图样式数量转换为所述象形图组件能识别的象形图图像，所述象形图图像显示所述象形图样式数量。

所述的基于象形图组件的数据展示方法，其中，当自定义配置数据仅包括自定义样式配置数据时，所述当所述列表数据包含有自定义配置数据时，将所述自定义配置数据转换为象形图组件能识别的数据格式具体包括：