如何在ECharts热力图中设置单元格间距？

要实现热力图单元格之间的间距效果，你需要在series.heatmap.itemStyle中配置以下两个核心属性：

• borderWidth：设置单元格边框的宽度，数值大小就是你想要的单元格间距尺寸
• borderColor：设置边框颜色，建议和图表的背景色保持一致，以此模拟出单元格分离的视觉效果

示例代码片段 #

option = {
  // 图表基础配置（如xAxis、yAxis、data等）
  series: [{
    type: 'heatmap',
    data: [/* 你的热力图数据 */],
    itemStyle: {
      borderWidth: 2, // 可根据需求调整间距大小
      borderColor: '#ffffff' // 匹配图表背景色，这里以白色为例
    }
  }]
};

原理说明：ECharts热力图没有直接提供"单元格间距"的专属配置项，通过给每个热力单元格添加与背景同色的边框，就能实现和目标示例一致的单元格分隔效果。

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