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

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

echarts饼图在显示的时候，每个扇区显示的文字，如何显示在扇区内部，另外一些情况，如何将其显示在图形外部，并在每个扇区伸出一根指示线呢？

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

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

如果想把这些文字放到各个扇区内部去，该怎么做呢？首先，需要修改左侧option的series内容，在data后面或者前面添加：

label: { normal: { show: true, position: 'inner' }

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

如何把第3步添加的show属性值修改为false，会是怎么样的呢？

label: { normal: { show: false, position: 'inner' }

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

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