如何搭建可视化的仓库平面图（矩形树图进阶使用）

如题，我想实现以下功能，我理解为矩形树图的进阶适用，但哪怕不适矩形树图，使用脚本或者自定义JS组件之类的都行，请告诉我该如何实现：1.画出一个正方形仓库的二维平面图，横轴为英文大写字母，竖轴为数字，其中用小方块切割，每个小方块用“英文大写字母+数字”的样式标识，例如A1、B3、D8；2.可以检测数据字段，当数据字段=小方块标识时，该方块可以变色且显示标签数字（数据能下钻，每个方块一开始显示一个总数和库位（列与行），鼠标一上去就能看到具体的种类）；3.可用热力图的方式反应库存的多少，多的颜色深。如下图类似

这个用文本组件可以制作

yhdata_N2sqFhjv 发表于 2024-1-21 17:50
这个用文本组件可以制作

具体要怎么处理，没看懂

是需要这种效果？

yhdata_yzm 发表于 2024-1-22 13:23
是需要这种效果？

是的，但想要更高级一点的用法，就是能下钻，一开始就像你这样每个方块显示一个总数和库位（列与行），鼠标一上去就能看到具体的种类，这要如何实现

一线伽蓝 发表于 2024-1-22 15:22
是的，但想要更高级一点的用法，就是能下钻，一开始就像你这样每个方块显示一个总数和库位（列与行），鼠 ...

yzm给的方法不耽误你下钻，下钻就设置超链接下钻页面，鼠标悬浮也是用超链接，选悬浮。

一线伽蓝 发表于 2024-1-22 15:22
是的，但想要更高级一点的用法，就是能下钻，一开始就像你这样每个方块显示一个总数和库位（列与行），鼠 ...

超链接做个明细表呗，把A和 00的值传递到明细页做过滤即可