用表格组件怎么实现一个热力图?-灵析社区

爱打瞌睡的三角龙

我想用表格实现一个简单的热力图,即单元格背景色的深浅由单元格的数值来决定,请问有什么比较简单的实现方式? ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/6624cd29e9f261df199d7061d6010bdc.png)

阅读量:160

点赞量:9

问AI
专业的事交给行业的做: "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241225/c9425210b9cad386f3b47c69c4cb1ef0.png) «"https://echarts.apache.org/examples/zh/index.html#chart-> type-..." (https://link.segmentfault.com/?enc=8MWnZ8QpQH%2BuPZ01bQN2iQ%3D%3D.K%2FPZpzAWV4%2FGz3eM0cIezWn%2FEwzkucOtsOSO1fDDQMhFcEer5jC2hCbySL4ebOUVBQ%2BM2bNDJHhPCsMkwT4r0QCLBhv0pMnAwShv1Q04l10%3D)» Vue 写思路是: 1. 确定每个色块的颜色, 根据行几行几列存入一个二维数组里面 2. 写好一行基本结构, "v-for" 遍历该二维数组, 将颜色赋给每个人,格子的"style"就可以了