Apexcharts热力图：移除X轴异常提示框或优化轴标签显示

问题原因 #

你当前通过formatter函数仅返回符合value % 5 === 0的X轴标签，不符合条件的未返回任何值（等同于返回undefined），ApexCharts会将这种情况判定为标签缺失，因此弹出异常提示框。

解决方案 #

方案1：修复formatter函数，返回空字符串替代undefined #

将不符合显示条件的标签返回空字符串，而非不返回值，这样图表不会识别为标签缺失，同时实现隔5列/100行显示标签的需求：

xaxis: {
    labels: {
        formatter: function(value) {
            // X轴每5列显示一个标签
            return value % 5 === 0 ? value : '';
        }
    }
},
yaxis: {
    labels: {
        formatter: function(value) {
            // Y轴每100行显示一个标签
            return value % 100 === 0 ? value : '';
        }
    }
}

方案2：使用原生interval配置（推荐） #

ApexCharts提供了interval配置项，可直接指定轴标签的显示间隔，无需手动处理formatter，既符合图表原生逻辑，也能避免标签缺失提示，同时完全保留提示框功能：

xaxis: {
    interval: 5 // X轴每隔5个单位显示一个标签
},
yaxis: {
    interval: 100 // Y轴每隔100个单位显示一个标签
}

如果你的轴数据不是连续数值型，或者需要更灵活的控制，方案1更适合；如果是连续数值轴，方案2的实现更简洁可靠。

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