Echarts离散值热力图无障碍贴纸图案配置问题求助

问题背景 #

需要实现Echarts离散值热力图的无障碍贴纸功能，要求相同数值（对应同色单元格）匹配相同贴纸图案，以辅助色弱人群识别数据分类。当前使用Echarts 5.4.3，可升级至5.5版本。

当前尝试代码 #

aria: {
    decal: {
        show: true,
        decals: [{symbol: ['circle', 'rect', 'triangle']}]
    }
}

现存问题 #

无论单元格数值（对应背景色）如何，所有单元格仅显示同一种贴纸图案，无法实现按数值分类匹配贴纸的需求，查阅官方文档未找到问题根源。

解决思路 #

1. 修正decals配置结构 #

当前写法将多个symbol放入单个对象中，Echarts默认仅读取第一个symbol。正确做法是为每个离散数值区间创建独立的decal配置对象，并通过min/max绑定对应数值范围：

// 配合visualMap的离散分段配置
visualMap: {
    type: 'piecewise',
    pieces: [
        {min: 0, max: 20, color: '#FF6B6B'},
        {min: 21, max: 40, color: '#4ECDC4'},
        {min: 41, max: 60, color: '#FFE66D'}
    ]
},
aria: {
    decal: {
        show: true,
        decals: [
            {symbol: 'circle', min: 0, max: 20},
            {symbol: 'rect', min: 21, max: 40},
            {symbol: 'triangle', min: 41, max: 60}
        ]
    }
}

2. 升级至Echarts 5.5版本 #

5.5版本优化了无障碍贴纸与离散值视觉映射的联动逻辑，修复了部分版本中decal数值匹配失效的问题，确保贴纸能准确对应到指定数值区间的单元格。

3. 确保数值区间完全匹配 #

需保证decals中每个对象的min/max范围与visualMap.pieces的分段完全一致，无重叠或遗漏，这样Echarts才能精准匹配数值与贴纸图案。

4. 验证热力图基础配置 #

确认热力图系列的type为heatmap，且data为标准二维数组格式（如[[x, y, value], ...]），确保数值能被visualMap正确解析。

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