heatmap.js 参数说明

 

 

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

 

radius:决定点的半径大小。

 

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

 

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

 

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

 

onExtremaChange:由setData、setDataMax、setDataMin触发。

 

value(count),min,max,grident,opacity的关系:使用值(value-min)/(max-min)决定grident中的颜色和opacity的数值,作为地图上呈现的效果(通过实验结果猜测)。若value<min,opacity会取得更小的值,具体未测。

 xfield,yfield,valuefield:分别定义了x,y,value的属性名称。

setData():会清楚之前的渲染,重新绘制;

setDataMax(newMax):使用newMax值重新绘制并渲染;

addData():重新计算max值,并绘制渲染;

configure():重新配置参数,触发重新完全渲染;

getValueAt():返回改像素点的权值;若addData,权值由颜色叠加所得;

 渲染算法:opacity = value-min/max -min;若value<min或者这个值小于0.01,几乎看不出来;权重影响透明度,透明度影响渲染颜色;

 

规律:当首次对点渲染时,若像素点的值如果大于max值,则会显示为最高值域的颜色,但不会改变当前max的值;若通过adddata()方式在该点处添加了一个值,这个值与原本的值之和若超过了当前的max值,则会改变max值;

 

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

上一篇:python – 如何在给定纬度和经度列表的情况下在球体上绘制热图?


下一篇:前端面试题-JS篇05