如何把表格做成热点图

最新推荐文章于 2025-01-19 14:44:38 发布

小鹿人cq

最新推荐文章于 2025-01-19 14:44:38 发布

阅读量3k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： Jquery 文章标签：热点图

本文链接：https://blog.youkuaiyun.com/sinat_29771839/article/details/52759273

这篇博客记录了作者初次尝试将数字表格转化为热点图的过程。通过找出表格中的最大值并使用RGBA为单元格添加样式，实现颜色深浅表示数值大小。作者分享了遇到的问题及解决方案，提供完整代码实现。

第一次写博客，因为刚开始出来工作实习，老大布置了几个小任务，可自己完全是小白一只，遇到了很多问题，一直在到处请教同学帮忙，上网查资料。决定把这些问题是怎么解决的记录下来以供自己后面学习。
问题描述1：一张数字表格数字越大颜色越深，然后数字比它小的颜色也变浅，能过一眼看出数字大的分布在哪里
我的思路就是首先要找到表格里的最大数，下面是我的代码

var max=document.getElementById("example").rows[2].cells[1].innerHTML;
     var mytable = document.getElementById("example");

        for(var i=2;i<mytable.rows.length;i++){

            for(var j=1;j<mytable.rows[i].cells.length;j++){