硬核干货来了!鹅厂前端工程师手把手教你实现热力图!-新昌嵊州网站建设为你呈现
各位小伙伴们,还记得今年年初时我们推出的数据可视化组件吗?《助你开启“上帝视角” 数据可视化组件全新上线》。这些基于地图的数据可视化组件,以附加库的形式加入到JSAPI中,目前主要包括热力图、散点图、区域图、迁徙图。


热力图是以颜色来表现数据强弱大小及分布趋势的可视化类型,热力图可应用于人口密度分析、活跃度分析等。呈现热力图的数据主要包括离散的坐标点及对应的强弱数值。
我们可以直观的感受到:
在热力图中,每个数据点所呈现的是一个填充了径向渐变色的圆形(所谓径向渐变即由圆心随着半径增加而逐渐变化),而这个渐变圆表现的是数据由强变弱的辐射效果
两个圆之间可以相互叠加,且是线性的叠加,其实质表现的是数据强弱的叠加
数据强弱的数值与颜色一一映射,一般表现为红强蓝弱的线性渐变,当然你也可以设计自己的强度色谱
根据我们的直观感受,我们需要做的是:
将每一个数据映射为一个圆形
选定一个线性维度表示数据强度值,圆形区域内该维度在圆心处达到最大值,沿着半径逐渐变小,直至边缘处为最小值
将圆形内的强度值进行叠加
以强度色谱进行颜色映射
怎么样?看完我们tototo同学的细致介绍,不知道你有没有掌握可视化组件背后的秘密?如果有任何问题欢迎在下方直接留言。 当然,如果你对这些底层的技术不是那么关心,那也没有关系。我们腾讯位置服务的愿景就是为了降低开发者门槛,减少开发者成本,解放开发者生产力。所以,totoro同学和她的小伙伴们才把这些复杂的底层实现包装成了组件的形式,方便大家调用。 那么还犹豫什么呢?立即点击这里直接用起来吧!大家对可视化组件的每一次调用,都是 “春哥”和她小伙伴们辛勤工作的一份肯定。 最后,提前剧透一下,基于WebGL开发的3D版可视化组件也即将上线,展示效果更加酷炫,还请各位开发者小伙伴持续关注!
推荐
-
-
QQ空间
-
新浪微博
-
人人网
-
豆瓣
