专业的事交给行业的做:
"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"就可以了