ECharts极坐标柱状图如何完全贴合圆环？

如果是用ECharts实现的极坐标柱状图，可通过以下配置消除空隙：

• 将角度轴的startAngle和endAngle设为0到360，同时把axisLine的offset设为0，取消轴线偏移；
• 设置极坐标polar的radius为['0%', '100%']，让极坐标范围占满容器；
• 关闭系列的圆角（roundCap: false），避免视觉上的空隙。

示例代码片段：

option = {
  polar: {
    radius: ['0%', '100%'],
    center: ['50%', '50%']
  },
  angleAxis: {
    type: 'category',
    data: ['A', 'B', 'C', 'D'],
    startAngle: 0,
    endAngle: 360,
    axisLine: {
      offset: 0
    },
    splitLine: {
      show: false
    }
  },
  radiusAxis: {
    type: 'value'
  },
  series: [{
    type: 'bar',
    coordinateSystem: 'polar',
    data: [1, 2, 3, 4],
    barWidth: '20%',
    roundCap: false
  }]
};

如果是用Highcharts：

• 设置pane的size为'100%'，让极坐标占满容器；
• 把角度轴的min和max设为0和360，offset设为0；
• 取消系列的pointPadding和groupPadding，消除点与组的内边距。

示例代码片段：

Highcharts.chart('container', {
  chart: {
    polar: true
  },
  pane: {
    size: '100%'
  },
  xAxis: {
    categories: ['A', 'B', 'C', 'D'],
    min: 0,
    max: 360,
    offset: 0,
    lineWidth: 1
  },
  yAxis: {
    min: 0
  },
  series: [{
    type: 'column',
    data: [1, 2, 3, 4],
    pointPadding: 0,
    groupPadding: 0
  }]
});

核心逻辑都是让极坐标范围完全覆盖容器，同时取消角度轴偏移、系列内边距等可能产生空隙的配置，确保柱状图外侧边缘与角度轴轴线完全贴合。

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