图表工具平台的设计与实现.pdfVIP

摘要

图表工具平台的设计与实现

伴随着新兴互联网的蓬勃发展，工业5.0智能制造也逐步展开，工业物联网

设备每天都会产生海量的数据信息。可面对日益增长的数据，如何从不计其数的

数据中挖掘具备价值的信息，并加以利用反馈至决策层并做出调整，已经逐渐成

为企业的迫切需求。为了解决这一难题，直观的图表工具逐渐进入企业的视野。

图表将数据进行整合，能更加直观的分析查阅，以一种简单便捷的方式，将数据

以图表的形式展现出来，使得决策端能直观的掌握最新的生产数据。

对比市场现有图表分析以及数据可视化工具，一类是面向普通用户的分析软

件，帮助用户分析数据、可视化并分享信息，另一类是提供开发者使用的数据可

视化库文件，开发者可以根据需求进行开发各种图表。但两者在一些特定应用中，

不能便捷的使用，通用框架不具备定制化功能，无法为特定数据格式做兼容性调

整，面对制造业中的特定数据存在较大的局限性。

针对现有图表工具在制造业中的不足，并结合实验室既往经验，本文展现了

一个更加契合制造业，组件化，定制化的图表工具平台。为了实现更加有效的制

造业图表工具，以汽车零部件行业实际需求出发，面向真实生产应用环境，本文

设计并实现了一款图表工具平台，该平台是将图表组件结合配置化平台的定义信

息，实现了动态组装成数据可视化页面的工具，它将更加便捷有效的完成制造业

数据的可视化工作。使用该平台，开发者能以较小的学习代价，根据自己的业务

需求改变组件接口，动态的组装期望的可视化界面，上手与维护都相对容易，可

以显著的提高开发效率，减少工作量。

图表工具平台主要分为以下几个模块：(1)根据制造业项目需求，利用ECharts

和Vue技术，打破组件的数据和样式代码是一个整体的局面，将数据提取出来设

置成组件的参数，重新设计图表组件，封装并发布功能丰富的图表组件库chart-

ui，包括统计图表和项目进度管理图表等；(2)依据企业中可配置数据可视化页面

的需求，利用MVVM软件架构模式，设计并实现了配置化平台系统，定义可视

化页面中的布局信息、组件的位置信息、组件的数据信息等；(3)抽象封装数据可

视化页面组件，利用通信机制把定义信息传递给可视化页面组件，组件动态调用

图表组件组装成数据可视化页面；(4)系统设计了通信机制，利用Http协议和

WebSocket协议，构建了前端与服务端之间的通信接口，并且实现了实时通信，

利用实时通信服务可以随时更新组件的数据。将图表组件库、配置化平台系统以

及可视化页面组件贯通起来。

最后，通过实际制造业公司的业务数据进行测试，将图表工具平台使用在实

际项目中，能够完美的展现数据可视化页面。组件风格统一，简单易用，具有高

扩展性，具有丰富的交互效果。证明本文所设计开发的图表工具平台应用到制造

业企业实际运作中，功能正确、界面简单、易于上手，能够满足企业对于数据的

统计与分析。

关键词：

图表工具，配置化开发，通讯机制，组件化，数据可视化

Abstract

DesignandImplementationofChartToolPlatform

WiththevigorousdevelopmentofemergingInternet,aswellasthegradual

expansionofindustrial5.0intelligentmanufacturing,industrialInternetofthings

devicesaregeneratingmassivedatainformationeveryday.However,inthefaceof

growingdata,howtoexplorevaluableinformationfrommassivedata,anduseittofeed

backtothedecision-makinglevelandmakeadjustments,hasbecomeanurgentdemand

ofmodernenterprises.Inord