网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 生活知识 知识问答

echarts饼图如何设置文字显示在图内还是图外

时间:2024-10-31 14:13:42

1、打开浏览器,进入echarts官网的实例界面,点击左侧的饼图菜单,再点击【Referer of a website】饼图

echarts饼图如何设置文字显示在图内还是图外

2、进入这个实例图形后,就可以看到默认的饼图扇区文字是在外面的,并且有一根指示线

echarts饼图如何设置文字显示在图内还是图外

3、如果想把这些文字放到各个扇区内部去,该耦嘀扔硇怎么做呢?首先,需要修改左侧option的series内容,在data后面或者前面添加: label: { normal: { show: true, position: 'inner' }

echarts饼图如何设置文字显示在图内还是图外

4、修改完成后,右侧的图形就会自动刷新,如果没有自动刷新,就点击左侧右上角的运行。这个时候,右侧图形就可以看到各个扇区的文字就到了内部去了

echarts饼图如何设置文字显示在图内还是图外

5、如何把第3步添加的show属性值修改为false,会是怎么样的呢? label: { normal: { show: false, position: 'inner' }

echarts饼图如何设置文字显示在图内还是图外

6、修改完成后,右侧就可以看到饼图各个扇区都没有文字显示了

echarts饼图如何设置文字显示在图内还是图外

7、所以,要显示扇区文字,必须要show属性设置为true,这个默认就是true值,只有当某些情况被设置为false之后,才需要修改。另外,默认文字是显示在扇区外部的,想要显示在内部,就修改position的值为inner即可。最后,如果position是任意值,比如123,并不会报错,也会当做默认显示

echarts饼图如何设置文字显示在图内还是图外
© 2026 阿力知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com