[发明专利]一种前端多数据源可视化配置方法

权利要求书

1.一种前端多数据源可视化配置方法，其特征在于，所述方法包括：

S1:确定并配置数据源及数据源类型；

S2:通过拖拽预置组件形成可视化页面；

S3:建立预置组件与数据源之间的联系，当接收到后端数据时通过该关联将对应数据传入组件；

S4:前端应用根据不同数据源接口类型以不同方式从后端获取到数据；

S5:通过react框架负责监测state的变化，并在前端作出对应的渲染。

2.根据权利要求1所述的一种前端多数据源可视化配置方法，其特征在于：所述数据源来自不同数据接口，所述数据接口通过命名空间区分，所述数据源采用分散式配置形式。

3.根据权利要求1所述的一种前端多数据源可视化配置方法，其特征在于：所述数据源在配置完成后会生成JSON数据，所述JSON数据被存储在client端或数据库中。

4.根据权利要求1所述的一种前端多数据源可视化配置方法，其特征在于：所述可视化页面在形成后会生成JSON数据，所述JSON数据被存储在client端或数据库中。

5.根据权利要求1所述的一种前端多数据源可视化配置方法，其特征在于：所述预置组件与所述数据源通过所述预置组件的JSON数据与所述数据源的namespace的数据接口所返回的数据的全部或部分建立连接。

6.根据权利要求1所述的一种前端多数据源可视化配置方法，其特征在于：所述数据源接口类型包括restfuljson与websocket两种。

7.根据权利要求1所述的一种前端多数据源可视化配置方法，其特征在于：所述react框架会监测所述预置组件的JSON数据变化，通过插件机制将各个可视化组件动态的注册，最后完成页面渲染。

8.根据权利要求6所述的一种前端多数据源可视化配置方法，其特征在于：所述restfuljson类型数据接口会根据数据源所配置的调用时间定时调用数据接口获得数据。

9.根据权利要求6所述的一种前端多数据源可视化配置方法，其特征在于：所述websocket类型数据接口会通过数据接口与后端建立连接，当数据变化时实时获取数据。