← 所有笔记

关于 echart 饼图/pie图 中 height 会使得 bottom失效,width 会使得 right 失效

echarts pie,饼图,right失效,bottom 失效

发现问题

今天想要使用 饼图,照例去 小网站 上 copy了 一个,使用的时候发现right 不管用,怎么都不管用,折磨了几个小时,想怎么用其他方式布局,结果 发现 是因为设置 了 width !!

真无语 😡😡😡

解决问题

我们直接从用官网的实例做例子:
在这里插入图片描述

核心代码为

 center:['100%', '50%'],
 right:100,

可以看到,我们设定圆心水平方向在末尾,竖直方向居中。
然后设置了 right:100 ,设置距离右侧 100px

正常显示如上图

但是如果我们加上了 width
在这里插入图片描述
这个 right 就 失效了!!!!!!,但是 left 依然可以使用

bottom 也是 同理。

记录 踩坑。

✳

谢谢你读到这里。

更新于 2024-03-25

搜索笔记

搜索文章标题、标签和正文。

↑ ↓ 选择 · Enter 阅读Esc 关闭