如何从 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%',
    }
  ]
}

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

让我知道它是否有效！