[发明专利]前端大屏数据展示的系统

权利要求书

1.一种前端大屏数据展示的系统，其特征在于，包括；前端和管理后台；所述前端用于进行前端大屏数据展示；所述管理后台用于提供数据接口和展示模板并配置所述前端的前端展示项；

其中，

所述前端对于大屏数据展示包括以下步骤：

步骤1、通过HTTP获取指定的项目配置；

步骤2、绘制页面，通过配置信息设置页面背景图；

步骤3、根据配置信息里面的接口地址，获取对应的数据及展示图像类型。

2.根据权利要求1所述的前端大屏数据展示的系统，其特征在于，

所述前端对于大屏数据展示还包括以下步骤：

步骤4、根据配置颜色信息，标题，利用echar绘制图形，展示步骤3获取的信息。

3.根据权利要求1所述的前端大屏数据展示的系统，其特征在于，

所述展示模板包括：自定义模板和系统模板。

4.根据权利要求3所述的前端大屏数据展示的系统，其特征在于，

所述管理后台对于前段大屏数据展示包括以下步骤：

步骤1、进入项目管理页面，配置项目信息；

步骤2、选择展示模板；

步骤3、保存配置。

5.根据权利要求4所述的前端大屏数据展示的系统，其特征在于，

所述选择展示模板包括以下步骤：

对于自定义模板，自定义宽高以及相对于页面的X轴和Y轴的位置，对于系统模板，直接选择展示位置；

配置项目数据列表，需要绘制的图像类型，图像类型的信息，接口地址。

6.根据权利要求4所述的前端大屏数据展示的系统，其特征在于，

所述配置项目信息包括：项目名称、项目类目列表、数据接口列表和项目背景图。

7.根据权利要求4所述的前端大屏数据展示的系统，其特征在于，

配置项目信息时，每个项目仅能选用一种模板。

8.根据权利要求5所述的前端大屏数据展示的系统，其特征在于，

根据配置信息里面的接口地址，获取对应的数据及展示图像类型包括以下步骤；

步骤1、对于自定义模板读取用户自定义宽高以及相对于页面的X轴和Y轴的位置，对于系统模板读取用户选择的展示位置获得系统预设位置信息；

步骤2、根据图像类型，拼接当前图像类型所需的数据格式；

步骤3、判断模板类型，根据模板类型选择对应的渲染方式。

9.根据权利要求1所述的前端大屏数据展示的系统，其特征在于，

配置项目类目列表后，出现统计图类型列表以对区域统计图进行配置；

所述区域统计图包括：柱状图、折线图、饼图和地图。

10.根据权利要求9所述的前端大屏数据展示的系统，其特征在于，

对于地图类型的操作包括以下步骤：

判断是否需要打点，若判断结果为否，则直接数据接口，若判断结果为是，则打开打点地图；

在打点地图上点击后，所述管理后台识别点击的点作为预录入点并向所述前端推送到所述预录入点预设距离内的数据库已存档点作为参考点，其中所述预录入点和多个所述参考点以单排列表的方式展示且所述预录入点位于所述单排列表的第一列；

若用户点击所述单排列表的预录入点，则将所述预录入点确定为正式录入点，接收用户配置的所述预录入点的信息，保存打点数据；

若用户点击所述单排列表的所述参考点，则展示所述参考点的信息并弹出是否修改信息的窗口；

若用户在是否修改信息的窗口选择是，则等待用户修改信息并将修改后的信息存储至数据库；用户在是否修改信息的窗口选择否，则关闭所述单排列表。