首页
前端可视化教材
大数据可视化应用
GIS技术
前端开发
electron
关于页面
进一步,海阔天空
进一步,海阔天空
累计撰写
165
篇文章
累计创建
19
个标签
累计收到
7
条评论
栏目
目 录
CONTENT
最新文章
2023-09-03
大数据可视化应用系列教程[20]-7新能源汽车数据大屏-任务7.2 实现大屏布局【课时2】
1. 任务描述 根据项目要求,本节实现“研发与维护”数据大屏页面布局。 2. 任务分析 本部分首先考虑大屏的设计风格,在确定数据大屏的尺寸后,进行布局和页面的划分。这里的划分,主要根据之前定好的业务指标进行,核心业务指标安排在中间位置、占较大面积;其余的指标按优先级依次在核心指标周围展开。一般把有关
2023-09-03
15
0
0
前端开发
2023-09-03
大数据可视化应用系列教程[19]-7新能源汽车数据大屏-任务7.1 建立数据分析维度【课时2】
1. 任务描述 根据项目要求,参考图7-2,确立“研发与维护”可视化大屏的数据分析维度。 2. 任务分析 本部分首先根据业务场景抽取关键指标,依据关键指标确定分析维度,接下来选择与之相适应的可视化图表类型。本部分过程如图7-7所示: 图7-7 大屏布局确立过程示意图
2023-09-03
28
0
0
前端开发
2023-08-29
大数据可视化应用系列教程[18]-7新能源汽车数据大屏-项目描述
数据大屏在会议展览、业务监控、风险预警、地理信息分析等多种业务有展示需求。本单元结合新能源汽车运维实际案例,介绍综合利用Vue、ECharts等前端技术实现新能源汽车研发维护大屏效果,给出设计和实现的完整步骤,通过实际案例教会学生制作大屏的一般性方法,本单元的知识导图如图7-1所示。
2023-08-29
20
0
0
前端开发
2023-08-29
大数据可视化应用系列教程[17]-6数据可视化整合-任务6.5 单车蓄电池温度可视化展示【课时2】
1. 任务描述 当输入车牌号码单击“查询”按钮时,显示当前车辆电池组在不同时间、不同电池的实时温度数据显示,要求每5秒刷新一下实时信息显示,效果如图6-14所示。 图6-14 单车蓄电池温度可视化效果
2023-08-29
12
0
0
前端开发
2023-08-29
大数据可视化应用系列教程[16]-6数据可视化整合-任务6.3 车辆城市分布Top10可视化展示【课时2】
1. 任务描述 统计各城市当前的车辆数量,用柱状图表示,如图6-10所示。 图6-10 车辆城市分布Top10可视化效果
2023-08-29
8
0
0
2023-08-28
大数据可视化应用系列教程[15]-6数据可视化整合-任务6.2 新增故障可视化展示【课时2】
1. 任务描述 新能源车辆的常见故障包括:电池、电机、发动机和其他,将后台数据通过VUE的Axios方法异步获取,并将数据以可视化图表的方式进行呈现。新增故障比例可视化效果如图6-8所示。 图6-8 新增故障比例可视化效果 2. 任务分析 在本任务中,“新增故障”包括电池、电机、发动机和其他,查看各
2023-08-28
13
0
0
2023-08-28
大数据可视化应用系列教程[14]-6数据可视化整合-任务6.1 研发与维修统计分析页面设计与实现【课时2】
1. 任务描述 本任务完成研发与维修统计分析页面的页面布局,为接下来进行数据可视化展示呈现做好初步准备。页面整体布局效果如图6-6所示。 图6-6 研发与维修统计分析页面布局效果 2. 任务分析 页面div结构设计如图6-7所示。
2023-08-28
16
0
0
2023-08-28
大数据可视化应用系列教程[13]-6数据可视化整合-项目描述
ECharts是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器。EChart提供了丰富功能的图表,对于展示数据是不错的选择。数据可视化的核心是“数据”,采用VUE技术加载后台动态数据并通过ECharts可视化插件进行展示。在上一章学习
2023-08-28
16
0
0
2023-08-28
大数据可视化应用系列教程[12]-数据可视化设计基础5-任务5.3 使用D3完成车辆实时监控可视化【课时4】
1. 任务描述 采用D3实现研发维修板块中,单车监控栏目的图表。 2. 任务分析 单车时间监控中的总电压采用折线图呈现,其效果如图5-31所示,通过添加SVG画布、准备数据、定义坐标轴、绘制折线、绘制数据点来实现。 图5-31 D3实现的车速折线图效果&n
2023-08-28
13
0
0
1
2
3
4
5
...
18