基于VUE2-dataV和echarts实现的可视化大屏,百分比适配PC端

可视化平台中,数据分别通过仪表盘、环状图、柱形图、曲线图、 滚动表格等多种形式展示数据变化。 可视化平台大致分为左、中、右三部分,左侧由能耗总览、耗能 占比、库存预警构成,中间由数据总览、销售计划完成率构成,右侧 由销售统计、销售排名(TOP8)、生产统计构成。平台右上角动态 显示当前系统日期、星期、时间,格式。 在管理端进行添加数据后,数据可视化图表进行相应变化。 1.能耗总览仪表盘,统计分析耗电量、耗水量、碳排放量的总数, 以不同颜色的仪表盘形式展示耗电量、耗水量、碳排放量的总数,在 环状图中间区域显示各数据的数据值。 2.能耗占比环状图,请分析各能耗的消耗数占能耗总数的比例, 扇形图中包括两部分内容:能耗占比图中需显示办公耗电量、办公用 水量、生产用水量、生产耗电量的数量及占能耗总数的比例。环状图 应用不同颜色区分显示各个能耗的占比,中间区域需显示能耗总数。

下面展示左边代码,部分代码,一键三连私聊博主获得完整文件+后端。此大屏数据与后端联动。!!!!!!!!!

基于VUE2-dataV和echarts实现的可视化大屏,百分比适配PC端_第1张图片

你可能感兴趣的:(echarts,信息可视化,前端,vue.js,javascript,vscode,大数据)