findxc / blog

88 stars 5 forks source link

ECharts 饼图 hover 时往内凸效果的实现 #35

Open findxc opened 3 years ago

findxc commented 3 years ago

ECharts 的饼图默认 hover 时是扇形区域往外凸起,那能实现往内凸起吗?

无意中发现其实是可以的,把 radius 的值设为第一个值大于第二个值,比如 ['70%', '50%'] ,然后把 hoverOffset 设为负数即可,比如 -20 。(如果你的饼图需要做宽高的自适应,那么这个值就需要根据宽高去动态计算了)

image

在线预览 -> codesandbox demo