type
status
date
slug
summary
tags
category
icon
password
前言：
黄材灌区管理系统下子模块大坝监测图的实现
📝 内容
本项目有一个其他灌区的老项目参考，部门经理最初希望我能把老项目的代码copy过来，，研究了一下最终放弃，老项目实现如图所示：
老项目使用的技术栈为canvas，并且是用于大屏显示的风格，bug非常多，并且与现有开发的系统风格相冲，改风格都要改很久，最终放弃，我觉得可以使用echarts对其实现。
第一版实现
第一版实现的效果（未对接后端，粗略模拟实现）
示例 → echarts示例
中间迭代了一次版本，但无奈找不到代码了，处理的许多bug并与后端对接数据（无奈），此处只贴最初版本的代码，git上的代码涉及后端数据不便分享了，主要是懒得改回来了。
最终实现版本
（快交付的时候）与客户沟通后最终决定修改，要求修改成这样的
然后又经过漫长的修改最终实现：
管内水位是动态数据，也是基于最初版本修改出来的，当鼠标悬停在测量管内时显示该断面测量管的一个情况。，悬停在设备上会显示设备的一些信息，型号，安装时间，出厂等等
🤗 总结归纳
这个算是特殊图形，而且不止一个坝，每个坝的数据又都是动态的，还要修改并且自定义悬停样式等等，改了太多次了，最后发现我算是精通echarts了。