设置Sunburst图borderWidth为0仍存在淡白边框，求解决方案

AI 小北

2026-7-2

解决ECharts Sunburst图borderWidth=0仍显示淡白线条问题

问题分析

你遇到的淡白线条并非真正的边框，而是Sunburst图相邻扇形区域渲染时的抗锯齿间隙透出的背景色，即便设置borderWidth: 0也无法消除。

解决方案

提供两种可行方案，可根据是否需要交互选择：

方案1：关闭交互+消除间隙

在Sunburst的series配置中添加silent: true和gapWidth: 0，配合itemStyle.borderWidth: 0彻底消除间隙：

series: [{
  type: 'sunburst',
  silent: true,
  gapWidth: 0,
  itemStyle: {
    borderWidth: 0
  },
  // 其余原有配置
}]

silent: true会关闭图表交互事件，若业务不需要交互，此方法能完全解决背景透出的问题。

方案2：动态绑定同色边框（保留交互）

如果需要保留交互功能，可通过回调函数将边框色设为当前扇形的填充色，用同色边框覆盖间隙：

series: [{
  type: 'sunburst',
  itemStyle: {
    borderWidth: 1, // 设为1而非0，用同色边框填补间隙
    borderColor: function(params) {
      return params.color; // 取当前扇形的填充色作为边框色
    }
  },
  // 其余原有配置
}]

此方法视觉上不会出现异色线条，同时保留所有交互功能。