heatmap.js 參數說明

 

 

blur:每一個點都是兩個圓組成的,分別爲內圓和外圓;外圓越大,看起來這個點越模糊,內圓部分比較清晰;外圓的顏色比較固定且與內圓顏色不一樣,內圓的顏色由value肯定;blur決定外圓與內圓的佔比大小,值爲0-1;值越大,外圓佔比越大。算法

 

radius:決定點的半徑大小。ide

 

maxOpacity:決定點的透明程度,值爲0-1,值越大越不透明;opacity設置後,minOpacity與maxOpacity無效;minOpacity與maxOpacity默認分別爲0和1,useGridentOpacity會致使它們失效;post

 

min,max:設置取值的區間,與grident中的顏色對應;點的value值在[min,max]中的位置決定了它在grident中的顏色。.net

 

grident:值0對應着白色,未明確的值則取兩個顏色之間的混合色。blog

 

onExtremaChange:由setData、setDataMax、setDataMin觸發。ci

 

value(count),min,max,grident,opacity的關係:使用值(value-min)/(max-min)決定grident中的顏色和opacity的數值,做爲地圖上呈現的效果(經過實驗結果猜想)。若value<min,opacity會取得更小的值,具體未測。rem

 xfield,yfield,valuefield:分別定義了x,y,value的屬性名稱。get

setData():會清楚以前的渲染,從新繪製;it

setDataMax(newMax):使用newMax值從新繪製並渲染;class

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

相關文章
相關標籤/搜索