Heatmap
小于 1 分钟
Heatmap
热力图,继承自Thing,拥有Thing
、THREE.Object3D
一切属性和方法。
构造器
/**
* 创建热力图
* @param {Array} heatmapData 热力图数据 [{x, y, value}, {x, y, value}...]
* @param {Object} option 热力图样式配置
*/
new VT.Heatmap(heatmapData, {
style: {
// 半径
radius: 15,
// 纹理宽度
width: 1024,
// 模糊
blur: 0.85,
// 最大透明度
maxOpacity: 1.0,
// 最小透明度
minOpacity: 0,
// 渐变色配置
gradient: {
0.25: "rgb(0,0,255)",
0.55: "rgb(0,255,0)",
0.85: "yellow",
1.0: "rgb(255,0,0)"
}
},
})
属性成员
type
- 类型:
{String}
Heatmap,是,不可修改
isHeatmap
- 类型:
{Boolean}
是否Heatmap,是,不可修改
heatmap
- 类型:
{HeatmapRenderer}
heatmap渲染实例,依赖 heatmap.js
heatMapData
- 类型:
{Array}
热力图数据 [{x, y, value}, {x, y, value}...]
方法
updateStyle
更新样式
- updateStyle(style)
- 类型:
Function
- 参数:
- style
{Object}
热力图样式,见下
- style
- 返回:无
{
// 半径
radius: 15,
// 纹理宽度
width: 1024,
// 模糊
blur: 0.85,
// 最大透明度
maxOpacity: 1.0,
// 最小透明度
minOpacity: 0,
// 渐变色配置
gradient: {
0.25: "rgb(0,0,255)",
0.55: "rgb(0,255,0)",
0.85: "yellow",
1.0: "rgb(255,0,0)"
}
}
setData
设置数据
- setData(heatmapData)
- 类型:
Function
- 参数:
- heatmapData
{Array}
热力图数据 [{x, y, value}, {x, y, value}...]
- heatmapData
- 返回:无