[发明专利]一种数据可视化方法及装置

权利要求书

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

预先搭建渐进式框架vue框架；

定义所述vue框架中的至少一个组件对应的功能；

定义每一个所述组件与预设的数据库的交互接口；

接收用户发送的可视化请求；

根据所述可视化请求和每一个所述组件对应的功能，将每一个所述组件展示给所述用户；

确定所述用户从展示的每一个所述组件中，选定的待展示组件；

根据所述待展示组件对应的所述交互接口，从所述数据库获取所述待展示组件对应的数据；

根据所述数据搭建图表，并将所述图表展示给所述用户。

2.根据权利要求1所述的方法，其特征在于，

所述定义所述vue框架中的每一个组件对应的功能，包括：

分别定义所述vue框架中的每一个所述组件对应的功能注册内容；

根据每一个所述组件对应的所述功能注册内容，分别定义每一个所述组件对应的组件属性，其中，所述组件属性，包括：所述组件的模块元素、展现样式和展现方式；

则，

所述根据所述可视化请求和每一个所述组件对应的功能，将每一个所述组件展示给所述用户，包括：

根据所述可视化请求，按照每一个所述组件对应的所述组件属性，展示每一个所述组件。

3.根据权利要求1所述的方法，其特征在于，

在所述接收用户发送的可视化请求之前，进一步包括：

设置异步交互代码，其中，所述异步交互代码，包括：axios代码或ajax代码；

所述根据所述待展示组件对应的所述交互接口，从所述数据库获取所述待展示组件对应的数据，包括：

利用所述异步交互代码，通过所述待展示组件对应的所述交互接口，向所述数据库发送数据申请；

获取所述数据库根据所述数据申请，返回的所述待展示组件对应的数据。

4.根据权利要求1所述的方法，其特征在于，

在所述将所述图表展示给所述用户之前，进一步包括：

解析预编译语言，并将解析后的所述预编译语言转换为叠层样式表CSS；

所述根据所述数据搭建图表，并将所述图表展示给所述用户，包括：

利用第三方库搭建所述数据对应的图表，其中，所述第三方库，包括：echarts.js或d3.js；

渲染所述图表所在的视区；

将渲染后的所述视区，按照所述CSS展示给所述用户。

5.根据权利要求1至4中任一所述的方法，其特征在于，

在所述预先搭建渐进式框架vue框架之后，进一步包括：

将每一个所述组件对应的状态，记录在所述vue框架中的vuex中，其中，所述状态，包括：所述组件的被触发时长和/或被触发次数；

在所述确定所述用户从展示的每一个所述组件中，选定的待展示组件之后，进一步包括：

确定所述待展示组件对应的所述状态是否异常；

如果是，向所述用户发送警告信息。

6.一种数据可视化装置，其特征在于，包括：

框架搭建单元，用于预先搭建渐进式框架vue框架；

组件定义单元，用于定义所述框架搭建单元所述vue框架中的至少一个组件对应的功能；定义每一个所述组件与预设的数据库的交互接口；

通信处理单元，用于接收用户发送的可视化请求；根据所述可视化请求和所述组件定义单元定义的每一个所述组件对应的功能，将每一个所述组件展示给所述用户；确定所述用户从展示的每一个所述组件中，选定的待展示组件；根据所述待展示组件对应的所述交互接口，从所述数据库获取所述待展示组件对应的数据；

图表搭建单元，用于根据所述通信处理单元获取的所述数据搭建图表，并将所述图表展示给所述用户。