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

 时间:2026-02-16 11:14:43

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饼图如何设置文字显示在图内还是图外?

  • ppt如何制作堆积柱形图
  • 利用CSS,‘画’一个饼形四分图
  • Excel 2013如何将饼图的数据标签设置到饼图内
  • PPT如何设置饼图数据显示在饼图外面
  • excel里的横向比例条形图怎么做的
  • 热门搜索
    怎么显示隐藏文件 雅诗兰黛眼霜怎么用 考后反思怎么写 斗鱼直播怎么赚钱 倩碧黄油怎么用 社保卡密码忘了怎么办 手机信号不好怎么办 一直流鼻涕怎么办 没有酵母粉怎么发面 漾怎么组词