本文介绍了一位技术专家如何将echarts矩形树图应用到物流系统中，展示仓库库存状态，用颜色标记过期商品，并提供放大功能以查看详细信息，计划未来进一步扩展功能如库存预警和商品质量识别。
以前看到过使用3D的方式, 通过浏览器展现工厂生产环境、园区环境等, 觉得很cool, 希望在自己的物流系统里也加入这些元素, 能显得更加高大上, 可是, 我对WebGL、Three.js这些技术不懂, 加上还要针对每个物流仓建立3D模型, 更是让我望尘莫及.
后来, 我看到echarts的矩形树图, 觉得很适合做仓库的库存展现, 就试着加入到物流系统中:
在仓库库存的展示图中, 将正常的商品用绿色显示, 将商品保质期或库内保存期过期的商品用红色警示显示,这样, 就很容易查看到仓库的商品当前过期状态, 而且支持点击矩形树图的节点, 还可放大这块区域, 查看更详细的信息, 可放大的节点有: 库区、储位、商品等, 如下图:
而且还能点击右上的查数据, 定位到这些库存的表格数据内容, 查看更具体的数据.
其实这个库存展现图还能更加丰富内容, 比如库存数量的预警, 商品是良品还是不良品等, 以后有时间,可以再优化!
扫一扫
428
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
