heatmap.js 参数说明

blur:每个点都是两个圆组成的,分别为内圆和外圆;外圆越大,看起来这个点越模糊,内圆部分比较清晰;外圆的颜色比较固定且与内圆颜色不同,内圆的颜色由value确定;blur决定外圆与内圆的占比大小,值为0-1;值越大,外圆占比越大。

radius:决定点的半径大小。

maxOpacity:决定点的透明程度,值为0-1,值越大越不透明;opacity设置后,minOpacity与maxOpacity无效;minOpacity与maxOpacity默认分别为0和1。

min,max:设置取值的区间,与grident中的颜色对应;点的value值在[min,max]中的位置决定了它在grident中的颜色。

grident:值0对应着白色,未明确的值则取两个颜色之间的混合色。

onExtremaChange:由setData、setDataMax、setDataMin触发。

参考:http://blog.csdn.net/rongchaoliu/article/details/47830799

时间: 2024-12-09 06:52:59

heatmap.js 参数说明的相关文章

heatmap.js v1.0 到 v2.0,详细总结一下:)

前段时间,项目要开发热力图插件,研究了heatmap.js,打算好好总结一下. 本文主要有以下几部分内容: 部分源码理解 如何迁移到v2.0 v2.0官方文档译文 关于heatmap.js介绍,请看这里: http://www.oschina.net/p/heatmap-js 目前,对于热力图的开发,百度.高德开发平台上使用的都是这款JS开源库.当然,现在还有我们公司:P 百度示例:http://developer.baidu.com/map/jsdemo.htm#c1_15 高德示例:http

Heatmap.js v2.0 – 最强大的 Web 动态热图

Heatmap 是用来呈现一定区域内的统计度量,最常见的网站访问热力图就是以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示.Heatmap.js 这个 JavaScript 库可以实现各种动态热力图的网页,帮助您研究和可视化用户的行为. Heatmap.js V2.0 是目前网络上最先进的热图可视化库.新的2.0版本 Heatmap.js 更快,拥有更强的渲染模块,使用更方便,因此您可以快速掌握和扩展自定义功能. 插件下载     效果演示 下面是一个简单的调用示例: // mi

heatmap.js v2.0 热点图插件 使用demo例子

heatmap.js 是目前适用范围最广的热点图插件,他的实现原理是通过canvas来绘出热点图的区域点的,所以heatmap只能在支持html5的浏览器上使用. 效果图显示 demo代码: <html> <body> <div id="heatmap" style="width:600px; height:400px;border: 1px solid;border-color: grey;"></div> <

heatmap.js

恩如题 用了seajs 也可以不用 define(function (require, exports, module) { require('./gmaps-heatmap.js/index.js');//这个作用不明,不引用应该也可以 require('./heatmap.js'); require('./heatmap.min.js');//引用不压缩版的就是正常的,压缩版的就不行,蛋疼 var commpent = { showct: function (id) {//显示 docume

uploadify.js参数说明(转)

一.属性 属性名称 默认值 说明 auto true 设置为true当选择文件后就直接上传了,为false需要点击上传按钮才上传 . buttonClass ” 按钮样式 buttonCursor ‘hand’ 鼠标指针悬停在按钮上的样子 buttonImage null 浏览按钮的图片的路径 . buttonText ‘SELECT FILES’ 浏览按钮的文本. checkExisting false 文件上传重复性检查程序,检查即将上传的文件在服务器端是否已存在,存在返回1,不存在返回0

基于HTML5实现的Heatmap热图3D应用

Heatmap热图通过众多数据点信息,汇聚成直观可视化颜色效果,热图已广泛被应用于气象预报.医疗成像.机房温度监控等行业,甚至应用于竞技体育领域的数据分析. 已有众多文章分享了生成Heatmap热图原理,可参考<How to make heat maps>和<How to make heat maps in Flex>,本文将介绍基于HTML5技术的实现方式,主要基于Cavans和WebGL这两种HTML5的2D和3D技术的应用,先上最终例子实现的界面效果和操作视频: 实现Heat

jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果

一.插件介绍 最早做省市联动的时候都特别麻烦,后来在helloweba的一篇文章中看到这个插件,很不错的,后来就一直用了. 省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系统.电商网站最为常见.开发者一般使用Ajax实现无刷新下拉联动.本文将讲述,利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉省市二(三)级联动效果. 二.插件作者及网址 作者:暂无(请作者看到后联系我[email protected],好标上你的大名)官方网址:无官方DEMO:无最新版本:日期201

js的压缩与混淆

使用yuicompressor对js的压缩: tar xf jdk-7u45-linux-i586.gz chmod 775  jdk1.7.0_45 mv jdk1.7.0_45 /usr/local/java ln -s /usr/local/java/bin/java /usr/bin/ mv yuicompressor-2.4.8.jar /opt/ java -jar yuicompressor-x.y.z.jar --preserve-semi -o output.js input.

超棒的30款JS类库和工具

dynamo.js 这是一款使用很便捷的工具,它可以快速容易的创建HTML动态bits,为文本目录添加微妙效果. Smoke.js Smoke.js是一个轻量级且灵活的JS插件,只是用来替代原有的alert而已.它完全由HTML与CSS3构成,所以你能够自己添加样式来表现出个性化. Batman.js 这个框架就像它的名字一样酷——它可以创建丰富高效的单页面浏览器Apps.Batman.js框架利用CoffeeScript或JavaScript来快速构建Web Apps.由于其拥有强大的视图绑定