APS DataViz Extensions Demo多传感器类型集成问题求助

一、NaN返回导致热力图全显0的修复 #

当前SensorHeatMap扩展对NaN的处理逻辑与文档描述存在偏差，直接返回NaN会被默认转为0，导致全图异常。正确的处理方式是提前过滤无对应通道的传感器节点，而非依赖NaN标识：

1. 维护传感器类型与通道的映射表：

const SENSOR_CHANNEL_MAP = {
  ENV: ['Temperature', 'CO2', 'Humidity'],
  PPL: ['PplCounter']
};

2. 切换通道时，筛选出仅拥有当前通道的传感器节点ID：

// allSensorNodes为所有传感器节点集合，selectedChannel为当前选中通道
const validNodeIds = allSensorNodes.filter(node => {
  const sensorType = node.properties.sensorType; // 根据实际数据结构获取类型
  return SENSOR_CHANNEL_MAP[sensorType]?.includes(selectedChannel);
}).map(node => node.id);

3. 将筛选后的节点ID传入renderSurfaceShading，同时在valueCallback中仅返回有效数值：

renderSurfaceShading(validNodeIds, selectedChannel, (nodeId) => {
  return getSensorReading(nodeId, selectedChannel); // 从数据源获取对应数值
}, { /* 渲染配置项 */ });

若需保留所有传感器位置（仅隐藏无效数据的热力效果），可返回超出颜色映射范围的无效值，并配置映射规则忽略该值：

renderSurfaceShading(allNodeIds, selectedChannel, (nodeId) => {
  const sensorType = getSensorType(nodeId);
  if (!SENSOR_CHANNEL_MAP[sensorType]?.includes(selectedChannel)) {
    return -999; // 设为远低于数据范围的无效值
  }
  return getSensorReading(nodeId, selectedChannel);
}, {
  colorMap: {
    min: 0,
    max: 50, // 对应数据的合理范围
    stops: [
      { value: 0, color: '#2c7fb8' },
      { value: 50, color: '#f03b20' }
    ]
  }
});

二、单模型多传感器类型集成建议 #

1. 元数据标准化：统一传感器节点的属性字段（如sensorType、supportedChannels），便于快速校验和筛选。
2. 动态节点过滤：每次切换通道或传感器类型时，自动筛选对应节点，从根源避免无效数据进入渲染流程。
3. 独立颜色映射：为不同传感器类型配置专属颜色方案（如温度用冷暖渐变、人数用深浅渐变），避免视觉混淆。
4. 交互联动优化：在UI中添加传感器类型切换控件，选中通道时自动高亮对应类型的传感器，提升用户感知。
5. 数据本地缓存：对传感器历史数据做本地缓存，避免重复查询，提升渲染响应速度。

内容的提问来源于stack exchange，提问作者Kaveh Mirzaei