在做數據分析類的產品功能設計時，經常用到可視化方式，挖掘數據價值，表達數據的內在規律與特征展示給客戶。
可是作為一個產品經理，（1）如果不能夠掌握各類可視化圖形的含義，就不知道哪類數據該用哪個圖形。光知道可視化圖形的含義還不夠，（2）還要掌握該類可視化圖形需要的后臺數據結構是怎樣的，才能指導數據處理人員或后端開發在現有數據結構的基礎上，處理數據，供各類可視化圖形調用。

下面，將以騰訊的數據可視化API為案例，學習可視化圖形的原理，方便后續正確使用這些圖形，進行數據可視化表達。如果有理解錯誤的地方，歡迎大家及時反饋，避免誤導他人，多謝啦。

熱力圖

熱力圖以顏色來表現數據強弱大小及分布趨勢。

熱力圖的屬性介紹

radius：最大輻射半徑，默認為50。
該屬性將影響熱力圖的“連片”程度，輻射半徑越大，熱力圖表現的越連續；輻射半徑越小，熱力圖表現的越分散。如下圖：


height： 峰值高度，默認為100。
該屬性將影響熱力圖的顯示高度，值越大，熱力圖的高度越高。



min：熱力最弱閾值，小于該值的不顯示，默認為0。
max：熱力最強閾值，大于該值的顯示為最強色，默認為數據中的最大值。
熱力閾值 = 熱力區域內 各個熱力點的權重值總和。



熱力點數據結構

{"lng":116.413605,"lat":40.04902,"count":81}
{"lng":116.239012,"lat":39.904288,"count":82}
{"lng":116.408522,"lat":40.016971,"count":90}
{"lng":116.475833,"lat":39.947107,"count":12}
{"lng":116.43476,"lat":39.901671,"count":85}
{"lng":116.40229,"lat":39.869205,"count":18}
{"lng":116.226013,"lat":40.213485,"count":87}
{"lng":116.689042,"lat":39.889192,"count":74}
{"lng":116.377252,"lat":39.873622,"count":89}
{"lng":116.53061,"lat":40.103146,"count":28}
{"lng":116.416271,"lat":39.905187,"count":91}
{"lng":116.531169,"lat":39.91276,"count":92}
{"lng":116.17849,"lat":40.075692,"count":65}
{"lng":116.188616,"lat":40.102413,"count":94}