如何从 Pie Echarts 中删除填充？

Question

我已经搜索了所有类似的问题，但找不到解决方案。

我开发的饼图如下图所示，我想删除那个空白空间并强制图表在其容器内伸展。

配置：

{
  grid: {
    left: 0,
    top: 0,
    right: 0,
    bottom: 0
  },
  radius: '100%',
}

CSS 适用于：

width: 100%; // It doesn't matter I apply pixel width or percentage, empty space remains
height: 420px;

Answer 1

我发现的唯一解决方案是：

chartOption = {
  series: [
    {
      type: 'pie',
      top: '-20%',
      left: '-20%',
      right: '-20%',
      bottom: '-20%',
    }
  ]
}

在此之后，您必须将特定的 css 宽度和高度添加到包含图表的 DIV（例如宽度：300px，高度 300px）。 这将减少图表容器的空白，并在您对图表进行 hover 时为重点留出安全空间。 如果您将顶部、左侧、右侧和底部键设置为固定值，则必须根据您在 css 中设置的宽度和高度进行精确调整。 不好。 我试过了！ 最好的方法是像我说的那样使用 -20% 的值。

让我知道它是否有效！