【技术实现步骤摘要】
一种工程数据可视化低代码配置方法及系统
[0001]本专利技术属于工程管理领域,特别涉及一种工程数据可视化低代码配置方法及系统。
技术介绍
[0002]在工程管理信息系统中,有大量数据需要以图表等不同的形式做数据可视化展现,以便管理者能够掌握工程建设概况,快速做成决策。由于客户需求差异较大,按现有的技术,一般是通过编码的方式,定制开发页面,响应客户的需求。也有一些通过配置方式,制作出数据可视化页面,响应客户需求的,不过大多无法与业务系统联动,一般做大屏展示使用,由于客户需求差异较大,通过编码方式响应客户需求的,存在设计开发工作量较大,实施成本高,建设周期较长,无法灵活快速响应的问题。现有的一些数据可视化配置方法,一般适用大屏展示,是固定分辨率,无法很好地适用不同分辨率的显示器。
[0003]因此,本专利技术提供了一种工程数据可视化低代码配置方法及系统。
技术实现思路
[0004]本专利技术提供一种工程数据可视化低代码配置方法及系统,用以根据显示屏幕的分辨率建立适应的网页,同时实现了数据可视化页面可配置 ...
【技术保护点】
【技术特征摘要】
1.一种工程数据可视化低代码配置方法,其特征在于,包括:步骤1:根据网页显示屏的分辨率,创建与所述分辨率兼容的具有网格布局的空白页面;步骤2:选取目标组件,将所述目标组件进行样式配置并拖拽到所述空白页面上得到第一页面;步骤3:将每一目标组件对应的工程数据和组件参数输入到所述第一页面中,生成第二页面;步骤4:运行所述第二页面,得到预览效果,根据所述预览结果对每一目标组件进行页面渲染,得到第三页面,将所述第三页面投入发布和使用。2.如权利要求1所述的一种工程数据可视化低代码配置方法,其特征在于,所述步骤1包括:步骤11:获取网页显示屏的分辨率;步骤12:解析所述分辨率,得到所述网页显示屏纵向上第一像素点数以及横向上的第二像素点数;步骤13:根据所述第一像素点数和第二像素点数生成网格布局,建立空白页面。3.如权利要求1所述的一种工程数据可视化低代码配置方法,其特征在于,所述步骤2包括:步骤21:获取所述空白页面的渲染风格,根据所述渲染风格建立渲染模型;步骤22:将所述目标组件输入到所述渲染模型中进行样式渲染得到渲染目标组件;步骤23:将所述渲染目标组件输入到所述空白页面中,建立第一页面。4.如权利要求1所述的一种工程数据可视化低代码配置方法,其特征在于,所述步骤3包括:步骤31:获取工程设备生成的初始数据包,解析所述初始数据包得到若干个初始数据;步骤32:获取每一所述初始数据对应的数据特征,根据所述数据特征为对应的初始数据建立数据标签,根据每一数据标签对应的数据清洗规则,为每一初始数据匹配待执行数据清洗规则;步骤33:将同一初始数据对应的若干条待执行数据清洗规则进行排序,得到数据清洗流程,并将所述初始数据输入到对应的数据清洗流程中进行数据清洗,得到工程数据;步骤34:将所述工程数据与所述目标组件进行匹配,根据每一目标组件匹配的工程数据的数量,为每一目标组件建立组件参数;步骤35:将所述工程数据和组件参数输入到所述第一页面中,得到第二页面。5.如权利要求1所述的一种工程数据可视化低代码配置方法,其特征在于,所述步骤4包括:步骤41:运行所述第二页面,得到第二页面的预览效果;步骤42:解析所述预览效果,得到所述第二页面的色彩分布信息,解析所述色彩分布信息,所述第二页面上具有相邻关系的页面色彩之间的对比度;步骤43:分别将每一对比度投射到预设人眼模型中进行色彩混合测试,得到对应的测试结果,提取测试结果在预设结果范围外的页面色彩,记作待调页面色彩;步骤44:获取所述待调页面色彩在所述第二页面上的色彩位置,对所述色彩位置进行
页面渲染,直到所述待调页面色彩的对比度在预设对比度范围内为止,得到第三页面,并将所述第三页面投入发布和使用。6.如权利要求4所述的一种工程数据可视化低代码配置方法,其特征在于,所述步骤33包括:步骤331:获取同一初始数据对应的若干条待执行数据清洗规则,获取每一条待执行数据清洗规则对应的清洗数据段;步骤332:根据每一清洗数据段在所述初始数据上的数据位置对所述清洗数据段进行顺序编号,根据所述顺序编号对所述待执...
【专利技术属性】
技术研发人员:杨晓东,张晨,陈云鹏,王建东,姚毅,李杨,徐韵哲,谢慧敏,胡鑫,覃会知,柳颖,
申请(专利权)人:三峡高科信息技术有限责任公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。