如何在LightningChart的HeatmapGridSeries中保留NaN值不填充？

方案1：让NaN值完全透明（不填充） #

直接调用HeatmapGridSeries的setNaNTransparent(true)方法，就能让所有NaN值区域显示为透明，不会填充任何颜色，这是最简洁的实现方式，无需修改颜色查找表（LUT）。

示例代码：

// 假设已创建好chart和heatmap实例
const heatmap = chart.addHeatmapGridSeries()
    .setNaNTransparent(true) // 启用NaN值透明
    .setData(data); // data为包含NaN值的二维数组

方案2：自定义NaN颜色并移除图例中的-1条目 #

如果一定要给NaN值设置自定义颜色（比如灰色），同时不想图例显示-1，可以通过以下步骤实现：

1. 创建仅包含有效数值范围的颜色分段LUT；
2. 单独设置NaN的颜色；
3. 手动移除图例中对应NaN的-1条目。

示例代码：

// 创建颜色查找表，仅定义有效数值区间的颜色分段
const lut = new ColorLookupTable({
    steps: [
        { value: 0, color: ColorRGBA(0, 0, 255) },
        { value: 50, color: ColorRGBA(0, 255, 0) },
        { value: 100, color: ColorRGBA(255, 0, 0) }
    ],
    interpolate: true
});

// 配置heatmap
const heatmap = chart.addHeatmapGridSeries()
    .setLookupTable(lut)
    .setNaNColor(ColorRGBA(128, 128, 128)) // 设置NaN为灰色
    .setLegendBox(legend => legend.removeEntry(-1)) // 移除图例中对应NaN的-1条目
    .setData(data);

内容的提问来源于stack exchange，提问作者Youngchae Kim