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 
 - 返回:无