css 如何从Pie Echarts中删除填充？

ylamdve6 于 2023-05-19 发布在 Echarts

关注(0)|答案(2)|浏览(211)

我已经搜索了所有类似的问题，但我找不到答案。
我开发的饼图看起来像下面的图片，我想删除空白的空间，并迫使图表在其容器内伸展。

配置：

{
  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;

css

来源：https://stackoverflow.com/questions/70360398/how-to-remove-padding-from-pie-echarts

2条答案

按热度按时间

yxyvkwin1#

我找到的唯一解决办法是：

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

在此之后，您必须将特定的css宽度和高度添加到包含图表的DIV（宽度：300 px，例如高度300 px）。这将减少图表容器中的空白，并在悬停图表时只留下一个用于强调的安全空间。如果你用固定的值设置了上、左、右和下键，你将不得不根据你在css中设置的宽度和高度进行精度调整。不好我试过了最好的方法是使用-20%的价值，就像我所说的。
如果成功了就告诉我！

赞(0）回复(0）举报 2023-05-19

dtcbnfnu2#

增加半径以减少填充。

{
 name: "",
 type: "pie",
 color: colorPalette,
 radius: "90%", // Increase this percentage to reduce padding
}

赞(0）回复(0）举报 2023-05-19

我来回答

css 如何从Pie Echarts中删除填充？

2条答案

相关问题

热门标签

最新问答