zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    [CF1039D]You Are Given a Tree
    [洛谷P2107]小Z的AK计划
    [CF409F]000001
    [洛谷P1801]黑匣子_NOI导刊2010提高(06)
    [洛谷P3377]【模板】左偏树(可并堆)
    [洛谷P2482][SDOI2010]猪国杀
    [CF45G]Prime Problem
    [CF735D]Taxes
    [洛谷P3413]SAC#1
    [洛谷P4124][CQOI2016]手机号码
  • 原文地址:https://www.cnblogs.com/h2zZhou/p/11069307.html
Copyright © 2011-2022 走看看