跳至主要內容

Heatmap

小于 1 分钟

Heatmap

热力图,继承自Thing,拥有ThingTHREE.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} 热力图样式,见下
  • 返回:无
{
    // 半径
    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}...]
  • 返回:无
上次编辑于:
贡献者: dashun