HeatMap热力图

@qpaas/dt-api@0.2.12 后支持

HeatMap热力图

基于https://www.unrealengine.com/marketplace/zh-CN/product/heatmap-effect-generator 开发

方法

创建热力图

  • 方法名:add
  • 参数说明:
add(options: HeatMapDatas): this

/**
 * 定义热力图的配置选项类型。
 * 
 * @type HeatMapOptions 包含热力图各种视觉和表现属性的对象类型。
 * @property {number} [pointRadius=100] 点的影响范围半径,默认为100。
 * @property {number} [opacity=0.7] 图表的透明度,默认为0.7。
 * @property {number} [lerpScale=2.5] 线性插值缩放比例,默认为2.5。
 * @property {number} [heightScale=2500] 高度缩放比例,默认为2500。
 * @property {Array<number>} [mapSecment=[500, 500]] 热力图分段平滑,默认为[500, 500]。
 * @property {Array<number>} [mapSize=[100000, 100000]] 地图大小,定义热力图的宽高,默认为[100000, 100000]。
 */
export type HeatMapOptions = {
  pointRadius?: number;
  opacity?: number;
  lerpScale?: number;
  heightScale?: number;
  mapSecment?: Array<number>;
  mapSize?: Array<number>;
};

/**
 * 定义一个热力图数据类型。
 * 
 * 这是一个数组类型,其中的每个元素都代表一个热力图数据点。
 * 每个数据点包含两个属性:
 * - coordinate: 数组类型,包含两个数字元素,分别代表横坐标和纵坐标。
 * - count: 数字类型,代表该数据点的权重或出现次数。
 */
export type HeatMapDatas = [
  {
    coordinate: Array<number>; // 数据点的坐标
    count: number; // 数据点的权重或数量
  }
];

清除热力图

  • 方法名:clear
  • 参数说明
clear() 

配置热力图

  • 方法名:setProps
  • 参数说明
setProps(options: HeatMapOptions)

示例

热力图示例在新窗口打开

上次更新:
贡献者: liuhe_ay